@charset "utf-8";
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
abbr,acronym,fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
q:after,q:before{content:""}
.col-c,.col-l{float:left}
.col-r,.col_r{float:right}
.c{clear:both}
em{font-weight:400;font-style:normal}
.clearfix:after{content:" ";display:block;height:0;visibility:hidden;clear:both}
body{color:#333;font-size:14px;line-height:1.5;font-family:"Microsoft YaHei", "微软雅黑", SimSun, "宋体",sans-serif;overflow-x:hidden}
a{color:#333;text-decoration:none}
a:hover{color:red}
img,video{max-width:100%;object-fit:cover}
input,select,textarea{font-size:16px;color:#fff;font-family:"Microsoft YaHei", "微软雅黑", SimSun, "宋体",sans-serif;outline:0;border:none}
select::-ms-expand{display:none}
input[type="button"],input[type="reset"],input[type="submit"],select{appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none}
input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer}
::-webkit-input-placeholder{color:#ddd}
::-moz-placeholder{color:#ddd}
::-ms-input-placeholder{color:#ddd}
input[type="password"]:active,input[type="password"]:focus,input[type="tel"]:active,input[type="tel"]:focus,input[type="text"]:active,input[type="text"]:focus{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;outline:0;border:none}
.ani,a,img{transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s}
*{-wekit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0}
.unselect{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;user-select:none}
.wp{width:94%;max-width:1200px;margin:0 auto}
.header{position:fixed;left:0;top:0;width:100%;height:90px;border-bottom:1px solid rgba(255,255,255,0.3);z-index:999;display:flex;align-items:center;justify-content:space-between}

.header>*{ z-index:2}
.header:after{content:'';position:absolute;top:0;width:100%;height: 100%;z-index:1;background-image: linear-gradient(rgba(0,0,0,0.6),transparent);left: 0;display: block;}
.header.inner:after,.header.white:after,.header.trs:after{ display:none;}

.mo-hotSearch{display:none}
.header.inner,.header.white{border-color:#eee;background-color:#fff}
.header.inner .logo .day,.header.white .logo .day{display:block}
.header.inner .logo .night,.header.white .logo .night{display:none}
.header.inner .nav li>a,.header.white .nav li>a{color:#333}
.header.inner .nav li>a::after,.header.white .nav li>a::after{background-color:#00a0d2}
.header.inner .nav li.active>a,.header.inner .nav li:hover>a,.header.white .nav li.active>a,.header.white .nav li:hover>a{color:#00a0d2}
.header.inner .hd-search,.header.white .hd-search,.header.white .lang,.header.white .lang a,.header.inner .lang,.header.inner .lang a{border-color:#eee}
.header.inner .hd-search .sub,.header.white .hd-search .sub{background-image:url(../images/so2.png)}
.header.inner .logo .txt p,.header.white .logo .txt p,.header.trs .logo .txt p{color:#999}
.header.white .logo .txt span{text-shadow:none;}
.header.inner .logo .txt,.header.white .logo .txt,.header.trs .logo .txt{border-color:#eee}
.logo{flex-shrink:1;margin-left:30px;display:flex;align-items:center;justify-content:space-between}
.logo img{display:block}
.logo img.day{display:none}
.logo .txt{margin-left:18px;padding-left:18px;border-left:1px solid rgba(255,255,255,0.3);font-size:14px;color:#fff}
.logo .txt p{white-space:nowrap;}
.logo .txt span{font-family:arial;color: red;text-shadow: red 0px 0px 1px;white-space:nowrap;/*letter-spacing:2px;*/display: flex;justify-content: space-between;}
.logo .txt span i {font-style: normal;}
.hd-search{border-left:1px solid rgba(255,255,255,0.3);height:89px;padding:20px 0}
.hd-search .inp{line-height:49px;height:49px;border:none;background-color:transparent}
.header.white .hd-search .inp{ color:#666}
.hd-search .sub{width:36px;height:49px;background-repeat:no-repeat;background-position:center;background-image:url(../images/so1.png);background-color:transparent;text-indent:-9999px;margin-left:5px}

.lang{ width:44px;height:100%;border-left: 1px solid rgba(255,255,255,0.3);}
.lang a{ display:block; text-align:center; height:44px; line-height:44px; color:#ccc}
.lang a:first-child{ border-bottom: 1px solid rgba(255,255,255,0.3); color:#fff}
.header.white .lang a:first-child,.header.inner .lang a:first-child{ color:#999}
.mo-lang{ display:none;padding: 20px 0 0 !important;font-size:0;text-align:center;}
.mo-lang a{display: inline-block !important;width: 40px;height: 40px;line-height: 40px !important;border-bottom:none !important;border:1px solid #333 !important;border-radius:50%;margin: 0 15px !important;text-align: center !important;padding: 0 !important;color: #333 !important;}
.mo-lang a:first-child{background-color:#09c18e;border-color:#09c18e !important;color:#fff !important;}

.nav{display:flex;align-items:center;justify-content:center;flex-grow:1}
.nav li{margin:0 29px;position:relative}
.nav li.active a::after,.nav li:hover a::after{opacity:1}
.nav li>a{font-size:16px;color:#fff;line-height:89px;display:block;position:relative}
.nav li>a::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:4px;transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;background-color:#fff;opacity:0}
.two-level{position:absolute;left:50%;top:100%;background-color:#fff;display:none;z-index:99;background-color:rgba(51,51,51,0.95);border-radius:0 0 10px 10px;width:124px;margin-left:-62px;overflow:hidden}
.two-level a{display:block;font-size:16px;color:#fff;line-height:52px;text-align:center}
.two-level a:hover{background-color:#00a0d2}
.two-level2{position:fixed;left:50%;top:90px;width:1200px;margin-left:-600px;display:none;z-index:99}
.two-level2 .box{display:flex;align-items:center;justify-content:space-between}
.two-level2 dl{width:25%}
.two-level2 dl dd{margin:0 2px 4px;background-color:rgba(51,51,51,0.95);border-radius:8px;padding:8px 0 8px 14px;transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s}
.two-level2 dl dd a{display:block;padding-left:55px;line-height:40px;font-size:14px;color:#fff;position:relative}
.two-level2 dl dd a::after{content:"";position:absolute;left:0;top:0;width:40px;height:40px;background-repeat:no-repeat;background-image:url(../images/nav-ico.png?t=5)}
.two-level2 dl dd:nth-child(1):hover{background-color:#09c18e}
.two-level2 dl dd:nth-child(2):hover{background-color:#08bb98}
.two-level2 dl dd:nth-child(3):hover{background-color:#05b0b0}
.two-level2 dl dd:nth-child(4):hover{background-color:#01a5c7}
.two-level2 dl dd:nth-child(5):hover{background-color:#00a0d2}
.two-level2 dl.a1 dd:nth-child(1) a::after{background-position:-40px 0}
.two-level2 dl.a1 dd:hover:nth-child(1) a::after{background-position:0 0}
.two-level2 dl.a1 dd:nth-child(2) a::after{background-position:-40px -40px}
.two-level2 dl.a1 dd:hover:nth-child(2) a::after{background-position:0 -40px}
.two-level2 dl.a1 dd:nth-child(3) a::after{background-position:-40px -80px}
.two-level2 dl.a1 dd:hover:nth-child(3) a::after{background-position:0 -80px}
.two-level2 dl.a1 dd:nth-child(4) a::after{background-position:-40px -120px}
.two-level2 dl.a1 dd:hover:nth-child(4) a::after{background-position:0 -120px}
.two-level2 dl.a1 dd:nth-child(5) a::after{background-position:-40px -160px}
.two-level2 dl.a1 dd:hover:nth-child(5) a::after{background-position:0 -160px}
.two-level2 dl.a2 dd:nth-child(1) a::after{background-position:-120px 0}
.two-level2 dl.a2 dd:hover:nth-child(1) a::after{background-position:-80px 0}
.two-level2 dl.a2 dd:nth-child(2) a::after{background-position:-120px -40px}
.two-level2 dl.a2 dd:hover:nth-child(2) a::after{background-position:-80px -40px}
.two-level2 dl.a2 dd:nth-child(3) a::after{background-position:-120px -80px}
.two-level2 dl.a2 dd:hover:nth-child(3) a::after{background-position:-80px -80px}
.two-level2 dl.a2 dd:nth-child(4) a::after{background-position:-120px -120px}
.two-level2 dl.a2 dd:hover:nth-child(4) a::after{background-position:-80px -120px}
.two-level2 dl.a2 dd:nth-child(5) a::after{background-position:-120px -160px}
.two-level2 dl.a2 dd:hover:nth-child(5) a::after{background-position:-80px -160px}
.two-level2 dl.a3 dd:nth-child(1) a::after{background-position:-200px 0}
.two-level2 dl.a3 dd:hover:nth-child(1) a::after{background-position:-160px 0}
.two-level2 dl.a3 dd:nth-child(2) a::after{background-position:-200px -40px}
.two-level2 dl.a3 dd:hover:nth-child(2) a::after{background-position:-160px -40px}
.two-level2 dl.a3 dd:nth-child(3) a::after{background-position:-200px -80px}
.two-level2 dl.a3 dd:hover:nth-child(3) a::after{background-position:-160px -80px}
.two-level2 dl.a3 dd:nth-child(4) a::after{background-position:-200px -120px}
.two-level2 dl.a3 dd:hover:nth-child(4) a::after{background-position:-160px -120px}
.two-level2 dl.a3 dd:nth-child(5) a::after{background-position:-200px -160px}
.two-level2 dl.a3 dd:hover:nth-child(5) a::after{background-position:-160px -160px}
.two-level2 dl.a4 dd:nth-child(1) a::after{background-position:-280px 0}
.two-level2 dl.a4 dd:hover:nth-child(1) a::after{background-position:-240px 0}
.two-level2 dl.a4 dd:nth-child(2) a::after{background-position:-280px -40px}
.two-level2 dl.a4 dd:hover:nth-child(2) a::after{background-position:-240px -40px}
.two-level2 dl.a4 dd:nth-child(3) a::after{background-position:-280px -80px}
.two-level2 dl.a4 dd:hover:nth-child(3) a::after{background-position:-240px -80px}
.two-level2 dl.a4 dd:nth-child(4) a::after{background-position:-280px -120px}
.two-level2 dl.a4 dd:hover:nth-child(4) a::after{background-position:-240px -120px}
.two-level2 dl.a4 dd:nth-child(5) a::after{background-position:-280px -160px}
.two-level2 dl.a4 dd:hover:nth-child(5) a::after{background-position:-240px -160px}
.menuBtn{position:relative;z-index:9;display:none;float:right;width:22px;cursor:pointer;height:24px;transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s}
.menuBtn b{display:block;height:3px;width:100%;background-color:#fff;margin:5px 0;border-radius:2px;transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px}
.menuBtn b:last-child{margin-bottom:0}
.menuBtn.open b{opacity:0;position:absolute}
.menuBtn.open b:first-child{left:0;top:0;opacity:1;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform-origin:0 0}
.menuBtn.open b:last-child{opacity:1;left:-2px;bottom:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform-origin:0 0;-moz-transform:rotate(-45deg)}
.mo-so0{display:none}
@media (max-width:1023px){
body{padding-top:0}
.header{height:50px;position:fixed;top:0;left:0;width:100%;z-index:9999;overflow:hidden;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border:none}
.header .logo .txt{margin-left: 10px;padding-left: 10px;font-size: 11px;line-height: 1.2;margin-top: 5px;padding-top: 2px;/*display:none;*/}
.logo .txt span{text-shadow: none;}

.header.inner,.header.trs{background-color:#fff;-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2)}
.header.inner .logo a img.night,.header.trs .logo a img.night{display:none}
.header.inner .logo a img.day,.header.trs .logo a img.day{display:block}
.header.inner .menuBtn b,.header.trs .menuBtn b{background-color:#333}
.header.inner .mo-so1,.header.trs .mo-so1{background:url(../images/so3.png) center right no-repeat}
.header.inner .mo-so-lang a,.header.trs .mo-so-lang a{/*border: 1px solid #535353;*/color:#535353;}

.hd-search{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;padding:0;z-index:999;display:none}
.hd-search .inp{height:50px;line-height:50px}
.hd-search .sub{width:50px;height:50px;background:url(../images/mo-so.png) center no-repeat;-webkit-background-size:15px;-moz-background-size:15px;-o-background-size:15px;background-size:15px}
.hd-search .close{position:absolute;right:10px;top:0;bottom:0;width:40px;font-size:20px;color:#333;line-height:50px;font-style:normal;text-align:center}

.mo-so1{width:20px;height:50px;background:url(../images/so1.png) center right no-repeat}
.mo-so0{width:50px;height:50px;display: flex;align-items: center;justify-content: space-between;}
.mo-so-lang{width:20px;height:50px;display: flex;align-items: center;}
.mo-so-lang a{display: inline-block;width: 16px;height: 16px;line-height: 16px;/*border: 1px solid #fff;border-radius: 50%;*/text-align: center;color:#fff;font-size: 12px;}

.logo{width:165px;margin-top:0;/*margin-left:0*/}
.menuBtn{display:block}
.nav li{float:none;padding:0;margin:0 16px}
.nav{position:fixed;left:110%;top:50px;bottom:0;width:100%;padding:10px 0;z-index:888;transition:0.5s;-ms-transition:0.5s;-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;opacity:0;margin-top:0;display:block;background-color:#00a0d2;overflow-y:auto}
.mark-bg{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:9;display:none}
.nav.open{left:0;opacity:1}
.header.inner .nav li.active>a,.header.inner .nav li:hover>a,.header.white .nav li.active>a,.header.white .nav li:hover>a,.header.inner .nav li>a,.header.white .nav li>a{color:#fff}
.nav li>a{margin:0;border-bottom:1px solid rgba(255,255,255,0.3);color:#fff;text-align:left;font-size:16px;line-height:40px;padding:5px 0}
.nav li>a::after{display:none}
.nav li.active a,.nav li>a:hover{color:#fff}
.nav li.level>a{background-repeat:no-repeat;background-position:right center;background-image:url(../images/mo-jia.png);-webkit-background-size:10px;-moz-background-size:10px;-o-background-size:10px;background-size:10px}
.nav li.level>a.active{background-image:url(../images/mo-jian.png)}
.two-level{display:none;position:static;margin-left:0;width:100%;background-color:transparent}
.two-level a{display:block;font-size:14px;color:#fff;line-height:30px;text-align:left;padding:5px 0 5px 14px}
.two-level2{position:static;width:100%;margin-left:0}
.two-level2 .box{display:block}
.two-level2 dl{width:100%;margin-bottom:10px;border-bottom:1px solid #f1f2f3}
.two-level2 dl dd{background-color:#fff;border-radius:0;margin:0;padding:0}
.two-level2 dl dd a{display:block;font-size:14px;color:#fff;line-height:30px;background:0 0;text-align:left;padding:5px 0 5px 14px}
.two-level2 dl dd a::after{display:none !important}
.mo-so{position:relative;margin-top:30px;display:block}
.mo-so .inp{display:block;width:100%;background-color:#fff;border-radius:45px;line-height:43px;height:45px;padding:0;-moz-box-shadow:0 0 6px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 6px rgba(0,0,0,0.2);box-shadow:0 0 6px rgba(0,0,0,0.2)}
.mo-so .sub{position:absolute;left:0;top:0;width:50px;height:45px;text-indent:-9999px;background:url(../images/hd-ico4.png) center no-repeat;-webkit-background-size:15px;-moz-background-size:15px;-o-background-size:15px;background-size:15px}
}
.banner .slick-slide{outline:0}
.banner img{display:block;width:100%}
.banner .slick-next,.banner .slick-prev{position:absolute;top:50%;margin-top:-35px;overflow:hidden;width:38px;height:70px;font-size:0;line-height:0;z-index:999;background-repeat:no-repeat;background-position:center center;-o-background-size:auto 38px;-ms-background-size:auto 38px;-moz-background-size:auto 38px;-webkit-background-size:auto 38px;background-size:auto 38px;text-indent:-9999px}
.banner .slick-prev{left:115px}
.banner .slick-dots{right:363px;z-index:99}
.banner .slick-dots li{display:inline-block}
.banner .slick-dots li button{display:block;font-size:0;line-height:0;text-indent:999px;margin:0;padding:0}
.footer{padding:108px 0 90px;background-color:#f5f5f5;width:100%}
.index-tit1{padding-bottom:30px;position:relative;text-align:center}
.index-tit1::after{content:"";position:absolute;left:50%;bottom:0;width:60px;height:6px;background-color:#00a0d2;margin-left:-30px}
.index-tit1 h3{font-size:36px;color:#333;font-weight:700;margin-bottom:10px}
.index-tit1 p{font-size:16px;color:#333;opacity:0.5}
.footer .box{padding-top:56px;overflow:hidden}
.footer .box .col-l{width:630px}
.footer .box .col-r{/*width:350px*/}
.footer .box:nth-child(3) .col-l{ width:auto;}
.fd-link{display:flex;align-items:flex-start;justify-content:space-between}
.fd-link dl{margin-right:66px;flex-shrink:0}
.fd-link dl dt{font-size:18px;color:#333;font-weight:700;line-height:28px;margin-bottom:30px}
.fd-link dl dd a{display:block;margin-bottom:20px;font-size:14px;color:#666;line-height:24px}
.fd-link dl dd a:hover{color:#00a0d2}
.fd-contact{font-size:14px;color:#666;line-height:24px}
.fd-contact .fd-logo{margin-bottom:35px;display:block}
.fd-contact .fd-logo img{display:block}
.fd-contact h3{font-size:18px;color:#333;font-weight:700;line-height:28px;margin-bottom:30px}
.fd-contact p{margin-bottom:10px}
.fd-contact .ewm{margin-top:38px;width:120px;padding:10px;background-color:#fff;border-radius:8px;-moz-box-shadow:0 0 10px rgba(0,0,0,0.02);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.02);box-shadow:0 0 10px rgba(0,0,0,0.02)}
.fd-contact .ewm img{width:100%;display:block}
.beian,.copy{font-size:14px;color:#666;line-height:24px;display:flex;align-items:center}
.beian img{margin-right:5px}
.copy{ display:block;}
.copy a{color:#666; margin-left:5px}

.pc{display:block !important}
.mo{display:none !important}
@font-face{font-family:din;src:url(../font/din-bold-2.ttf) format("truetype")}
.main{width:100px}
.wrap{max-width:1200px;width:92%;margin:0 auto}
.pro-banner{background:url(../images/nl-banner.jpg) top center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;text-align:center;padding:175px 0}
.ban-con strong{display:block;font-size:48px;color:#fff;line-height:58px;margin-bottom:10px}
.ban-con p{font-size:16px;line-height:26px;color:rgba(255,255,255,0.5)}
.ban-con strong,.ban-con p{ display:none}
.pro-one{border-bottom:1px solid #eee;margin-bottom:86px;padding: 18px 0;position:relative}
.product-anchor{position:absolute; top:-90px}
.pro-nav{text-align:center}
.pro-nav li{display:inline-block;font-size:16px;line-height:150%;padding:0 27px}
.pro-nav li a{display:block;cursor:pointer;color:#666}
.pro-nav li.on a,.pro-nav li:hover a{color:#00a0d2}
.pro-box{overflow:hidden;padding-bottom:90px}
.pro-left{float:left;width:15%}
.pro-left strong{font-size:18px;color:#333;font-weight:700;line-height:28px;padding-left:28px;position:relative;margin-bottom:15px;display:block}
.pro-left strong::before{content:"";width:12px;height:12px;background:url(../images/nl-icon.png) no-repeat;background-size:100%;position:absolute;left:0;top:50%;margin-top:-6px}
.pro-menu>li:first-child{border-top:1px solid #eee}
.pro-menu>li{border-bottom:1px solid #eee}
.pro-menu .title{font-size:16px;color:#333;line-height:50px;display: block;position:relative;cursor:pointer;transition:all 0.3s ease}
.pro-menu .title::before{content:"";width:12px;height:2px;background-color:#333;position:absolute;right:0;top:24px;transition:all 0.3s ease}
.pro-menu .title::after{content:"";width:2px;height:12px;background-color:#333;position:absolute;right:5px;top:19px;transition:all 0.3s ease}
.menu-ul{padding:4px 0;border-top:1px solid #eee;display:none}
.menu-ul>li{font-size:14px;color:#666;padding-left:10px;padding-right:5px; margin:5px 0}
.menu-ul>li>a{display:block;color:#666;line-height:130%; padding:5px 0}
.menu-ul>li:hover,
.menu-ul>li.open{ background-color:#f6f6f6}
.menu-ul.open{ display:block}
.pro-content{float:right;width:85%;padding-left:30px;box-sizing:border-box}
.pro-menu>li.open .title::after{opacity:0}
.pro-menu>li.open .title::before{background-color:#09c18e}
.pro-menu>li.open .title{color:#09c18e}
.pro-content h3{font-size:24px;color:#333;line-height:34px;padding-left:30px;margin-bottom:25px}
.list-box{margin-bottom:18px}
.pro-list li{float:left;width:33.3%;box-sizing:border-box;padding-left:30px;margin-bottom:20px}
.pro-list li .pic{display:block;background-color:#f7f7f7;border-radius:10px;display:block;width:100%;height:0;overflow:hidden;position:relative;padding-top:100%}
.pro-list li .pic img{position:absolute;left:0;top:0;width:100%;height:100%}
.pro-list li .info{padding-top:25px;padding-bottom:10px}
.pro-list li .info .tit{display:block;font-size:18px;color:#333;line-height:28px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pro-list li .info p{font-size:14px;color:#666;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pro-list li:hover .pic{background-color:#fff;box-shadow:0 0 40px rgba(0,0,0,0.1)}
.pro-list li:hover .info .tit{color:#09c18e}
.more-a{display:block;width:160px;height:50px;line-height:50px;text-align:center;margin:0 auto;background-color:#00a0d2;border-radius:10px;font-size:16px;color:#fff;border:1px solid #00a0d2;transition:all 0.3s ease-in-out}
.more-a img{vertical-align:middle;margin-top:-3px;margin-left:4px}
.more-a:hover{color:#fff;background-color:#09c18e;border-color:#09c18e}
.case-banner{position:relative;padding-top:324px;overflow:hidden}
.case-banner .slick-pic img{position:absolute;top:0;left:0;bottom:0;right:0;z-index:-1;display:block;width:100%;height:100%;object-fit:cover}
.case-banner .wrap{position:relative}
.slick-show{position:relative;z-index:2}
.case-info{text-align:right}
.case-info strong{display:block;font-size:36px;color:#fff;line-height:46px;padding-bottom:20px;position:relative;margin-bottom:55px}
.case-info strong::after{content:"";width:60px;height:6px;background-color:#00a0d2;position:absolute;right:0;bottom:0}
.case-info h2{font-size:48px;color:#fff;line-height:58px;margin-bottom:10px}
.case-info .p2{font-size:16px;color:rgba(255,255,255,0.5);line-height:26px}
.case-box .case-col{float:left;width:33.3%;background-color:rgba(9,193,142,0.8);border-radius:10px 10px 0 0;padding:45px 15px 25px 20px;height:404px}
.case-box .case-col strong{font-size:24px;color:#fff;line-height:34px;height:270px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;display:block}
.case-box .case-col span{display:block;text-transform:uppercase;font-size:16px;color:rgba(255,255,255,0.5);line-height:26px;font-family:Arial}
.case-box .slick-box{margin-top:152px;background-color:#fff;float:right;width:66.7%;height:252px;border-top-right-radius:10px;padding-left:170px;position:relative;padding-right:165px;padding-top:84px;}
.case-box .slick-box p{font-size:16px;line-height:28px;color:#666;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;/*-webkit-line-clamp:3*/-webkit-line-clamp: unset;text-align: justify; text-indent:2em;}
.dn{display:none}
.slick-show .slick-arrow{position:absolute;right:30px;bottom:227px;width:50px;height:50px;border-radius:50%;background-color:#00a0d2;top:auto;z-index:1}
.slick-show .slick-prev{left:auto;right:110px}
.slick-show .slick-prev:before{content:"";width:10px;height:18px;background:url(../images/nl-jt1.png) no-repeat;position:absolute;left:50%;top:50%;margin-top:-9px;margin-left:-5px}
.slick-show .slick-next:before{content:"";width:10px;height:18px;background:url(../images/nl-jt2.png) no-repeat;position:absolute;left:50%;top:50%;margin-top:-9px;margin-left:-5px}
.slick-show .slick-arrow:hover{background-color:#09c18e}
.case-banner .cur{position:absolute;right:50px;bottom:114px;font-size:18px;color:#999;font-family:Arial;display:block;z-index:3}
.case-banner .cur::after{content:"";width:30px;height:4px;background-color:#00a0d2;position:absolute;right:0;bottom:-4px}
.case-top{background:url(../images/nl-caseban1.jpg) top center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;text-align:center;padding:175px 0}
.base-one{border-bottom:1px solid #eee}
.base-nav{text-align:center}
.base-nav li{display:inline-block;font-size:16px;line-height:60px;padding:0 27px}
.base-nav li a,.base-nav li span{display:block;cursor:pointer;color:#666}
.base-nav li.on a,.base-nav li.on span,.base-nav li:hover a,.base-nav li:hover span{color:#00a0d2}
.case-two{padding:90px 0}
.case-slick{position:relative}
.slider-for .slick-item{overflow:hidden}
.slider-for .case-text{float:left;width:40%;margin-top:235px}
.slider-for .case-text span{display:block;font-size:14px;color:#333;line-height:24px;margin-bottom:4px}
.slider-for .case-text .tit{display:block;font-size:24px;color:#333;font-weight:700;line-height:34px;margin-bottom:25px}
.slider-for .case-text p{font-size:16px;color:#666;line-height:28px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;margin-bottom:54px}
.slider-for .case-text p{overflow: visible;display: block;-webkit-box-orient: unset;-webkit-line-clamp: unset;}
.slider-for .case-text .more{/*display:block;*/display:none;width:160px;height:50px;border-radius:10px;text-align:center;border:1px solid #333;line-height:50px;font-size:16px;color:#333;transition:all ease-out 0.3s}
.slider-for .case-text .more img{vertical-align:middle;margin-top:-3px;display:inline-block}
.slider-for .case-img{float:right;width:35%;height:560px;overflow:hidden;object-fit:cover;border-radius:8px}
.slider-for .case-img img{display:block;width:100%;height:100%;border-radius:8px}
.slider-for .case-text .more:hover{background-color:#09c18e;border-color:#09c18e}
.slider-navbox{width:350px;position:absolute;left:0;top:58px;z-index:1;overflow:hidden}
.slider-nav .slick-slider .pic{padding:0 5px;filter:grayscale(100%);cursor:pointer;max-width:70px;height:60px;overflow:hidden;object-fit:cover}
.slider-nav .slick-slider .pic img{border-radius:8px;width:100%;height:100%}
.slider-nav .slick-current .pic{filter:grayscale(0)}
.slider-nav .slick-current .pic img{border-radius:8px;display:block;width:100%}
.case-slick .paging{position:absolute;left:0;top:25px;font-size:18px;color:#ccc;font-weight:700;font-family:Arial}
.case-slick .paging .cur{color:#09c18e}
.slider-for .slick-arrow{display:block;width:50px;height:50px;border-radius:50%;border:1px solid #00a0d2;position:absolute;left:50%;top:50%;margin-top:-25px;z-index:2;transition:all ease-out 0.3s}
.slider-for .slick-prev{margin-left:-10px}
.slider-for .slick-next{margin-left:70px}
.slider-for .slick-next::before,.slider-for .slick-prev:before{content:"";width:10px;height:18px;position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-9px}
.slider-for .slick-prev:before{background:url(../images/nl-jt3.png) no-repeat}
.slider-for .slick-next:before{background:url(../images/nl-jt4.png) no-repeat}
.slider-for .slick-arrow:hover{background-color:#00a0d2}
.slider-for .slick-prev:hover:before{background:url(../images/nl-jt1.png) no-repeat}
.slider-for .slick-next:hover:before{background:url(../images/nl-jt2.png) no-repeat}
.investor-ban{background:url(../images/tz-ban.jpg) top center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;text-align:center;padding:192px 0}
.investor-content{margin-top:80px;padding-bottom:10px}
.investor-box{margin-bottom:80px}
.investor-box h3{font-weight:400;font-size:24px;color:#333;line-height:44px;margin-bottom:20px}
.investor-body{ width:100%; max-width:960px; margin:0 auto 80px auto; font-size:16px; line-height:180%; text-align:justify}
.investor-body p,.investor-body div{ margin-bottom:0.8em}
.investor-body .info-title{ text-align:center; font-weight:400;font-size:30px;color:#333;line-height:48px;margin-bottom:10px}
.investor-body .info-area{ text-align:center}
.regular-list{overflow:hidden;margin-left:-2.5%;margin-bottom:30px}
.regular-list li{float:left;width:22.5%;margin-left:2.5%;height:270px;border-radius:10px;border:1px solid #eee;padding:35px 30px 30px;overflow:hidden;transition:all ease-out 0.3s;margin-bottom:30px}
.regular-list li .title{font-size:18px;color:#333;font-weight:700;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px}
.regular-list li .date{display:block;font-size:14px;color:#999;line-height:24px;margin-bottom:130px}
.regular-list li .arrow{display:inline-block;width:24px;height:16px;background:url(../images/nl-arr.png) no-repeat}
.regular-list li:hover{background-color:#00a0d2}
.regular-list li:hover .title{color:#fff}
.regular-list li:hover .date{color:rgba(255,255,255,0.5)}
.regular-list li:hover .arrow{background:url(../images/nl-arr1.png) no-repeat}
.pager-box{text-align:center}
.pagination{display:inline-block}
.pagination li{float:left;margin:0 10px}
.pagination li a,.pagination li span{display:block;width:50px;height:50px;line-height:50px;border-radius:50%;cursor:pointer}
.pagination li.pg-prev a,.pagination li.pg-prev span{border:1px solid #333;background:url(../images/ni-jt5.png) center no-repeat;transition:all ease-out 0.3s}
.pagination li.pg-next a,.pagination li.pg-next span{border:1px solid #333;background:url(../images/i-jt1.png) center no-repeat;transition:all ease-out 0.3s}
.pagination li a{background-color:#f1f2f3;font-size:18px;color:#333;font-family:Arial}
.pagination li.els span{width:13px}
.pagination li:hover a{color:#00a0d2;background-color:#fff;box-shadow:0 0 40px rgba(0,0,0,0.1)}
.pagination li.pg-prev:hover a,.pagination li.pg-prev:hover span{background:url(../images/ni-jt6.png) center no-repeat #00a0d2;border-color:#00a0d2}
.pagination li.pg-next:hover a,.pagination li.pg-next:hover span{background:url(../images/i-jt2.png) center no-repeat #00a0d2;border-color:#00a0d2}
.pagination li.on a{color:#00a0d2;background-color:#fff;box-shadow:0 0 40px rgba(0,0,0,.1)}
.pagination li.pg-prev.pg-first a{background:url(../images/ni-jt5e.png) center no-repeat}
.pagination li.pg-next.pg-end a{background:url(../images/i-jt1e.png) center no-repeat}
.pagination li.pg-prev.pg-first:hover a{background:url(../images/ni-jt6e.png) center no-repeat #00a0d2}
.pagination li.pg-next.pg-end:hover a{background:url(../images/i-jt2e.png) center no-repeat #00a0d2}

.info-list{margin-bottom:60px}
.info-list li{position:relative;padding:30px 46px 30px 30px;border-bottom:1px solid #eee}
.info-list li .title{display:block;font-size:18px;color:#333;font-weight:700;line-height:38px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.info-list li .date{display:block;font-size:14px;color:#999;line-height:34px}
.info-list li .more{display:block;width:16px;height:16px;background:url(../images/nl-toparr.png) no-repeat;position:absolute;right:30px;top:50%;margin-top:-8px}
.info-list li:hover .title{color:#00a0d2}
.info-list li:hover .more{background:url(../images/nl-toparr1.png) no-repeat}
.contact-ban{background:url(../images/contact-bg.jpg) top center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;text-align:center;padding:192px 0}
.contact-two{margin-top:90px;overflow:hidden;margin-bottom:55px}
.contact-two h4{font-size:22px;color:#333;line-height:32px;font-weight:400}
.contact-two .p1{font-size:14px;color:#999;line-height:24px;text-transform:uppercase;font-family:Arial}
.tact-left{float:left;width:50%;background:url(../images/contact-img.jpg) center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;border-radius:10px;padding:150px 60px}
.tact-left .con{background-color:rgba(255,255,255,0.9);border-radius:10px;padding:70px 30px 60px}
.tact-left .con .top{position:relative;margin-bottom:14px}
.tact-left .con .top span{display:block;position:absolute;right:52px;top:0;width:60px;line-height:30px;text-align:center;background-color:#00a0d2;border-radius:15px;font-size:14px;color:#fff;font-weight:700}
.tact-right{float:left;width:50%;padding-left:20px}
.tact-right .tact1{margin-bottom:20px}
.tact-area li{font-size:16px;color:#333;line-height:34px;position:relative;padding-left:26px}
.tact-area li img{position:absolute;left:0;top:9px}
.tact-box{border-radius:10px;padding:50px 36px 0}
.tact-box.tact1{background:url(../images/contact-img1.jpg) center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding-bottom:77px}
.tact-box.tact2{background:url(../images/contact-img2.jpg) center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding-bottom:77px}
.contact-two .tact-box .top{margin-bottom:30px;padding-left:0}
.contact-two .tact-box .top h4{color:#fff;display:inline-block}
.contact-two .tact-box .top span{display:inline-block;padding:0 8px;line-height:22px;background-color:#09c18e;color:#fff;border-radius:11px;vertical-align:middle;margin-top:-6px;margin-left:4px}
.contact-two .tact-box li{color:#fff}
.contact-two.mo .tact-area br{ display:none;}
.contact-area{overflow:hidden}
.contact-area .tact-area{float:left;width:50%;padding-right:35px;position:relative}
.contact-area .tact-area.area1{padding-left:35px;padding-right:0}
.contact-area .tact-area.area1::after{content:"";width:1px;position:absolute;top:0;bottom:0;left:0;background-color:rgba(255,255,255,0.5)}
.contact-area .tact-area.area0{width:100%}

.contact-three{margin-bottom:90px}
.contact-three h3{text-align:center;color:#333;font-size:24px;font-weight:400;line-height:34px;margin-bottom:35px}
.card-area{position:relative}
.card-area .bg{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;display:none}
.card-area .bg-box-1{background:url(../images/bg-box-1.jpg) center/cover no-repeat;display:block}
.card-area .bg-box-2{background:url(../images/bg-box-2.jpg) center/cover no-repeat}
.card-area .bg-box-3{background:url(../images/bg-box-1.jpg) center/cover no-repeat}
.card-area .bg-box-4{background:url(../images/bg-box-2.jpg) center/cover no-repeat}
.card-list{overflow:hidden;background-color:rgba(0,0,0,0.5);border-radius:10px;position:relative;z-index:1;transition:background-color 1s}
.card-list:hover{/*background-color:rgba(0,0,0,0.2)*/}
.card-list li{float:left;width:20.8%;height:400px;color:#fff;position:relative}
.card-list li::before{content:"";width:1px;position:absolute;left:0;top:0;bottom:0;background-color:rgba(255,255,255,0.5)}
.card-list li:first-child::before{display:none}
.card-list li .info-box{position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%)}
.card-list li .show-info{text-align:center;padding:0 20px}
.card-list li .show-info strong{display:block;font-size:18px;line-height:28px;margin-bottom:10px}
.card-list li .show-info p{font-size:16px;line-height:28px}
.card-list li .hide-info{display:none}
.card-list li .hide-info strong{display:block;font-size:24px;line-height:34px;margin-bottom:30px}
.card-list li .hide-info span{display:block;font-size:16px;line-height:26px;margin-bottom:10px}
.card-list li .hide-info p{line-height:34px;position: relative;padding-left: 26px;}
.card-list li .hide-info p img{vertical-align:middle;margin-top:-2px;margin-right:10px;position: absolute;left: 0;top: 9px;}
.card-list li.active{width:37.2%;}
.card-list li.active .show-info{display:none}
.card-list li.active .hide-info{display:block;padding-left: 85px;padding-right: 10px;}

.global-one{margin-bottom:60px;margin-top:90px;position:relative}
.global-one img{display:block;width:100%}
.global-one .con{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:350px;text-align:center}
.global-one .con p{font-size:16px;color:#333;line-height:2.25em}
.global-one span{display:block;position:absolute;left:50%;top:50%;border-radius:50%;font-size:16px;color:#fff;text-align:center;transform: translate(-50%,-50%);}
.global-one span{-webkit-animation:rolle1 2s linear infinite alternate;
	-o-animation:rolle1 2s linear infinite alternate;
	animation:rolle1 2s linear infinite alternate;cursor:pointer}
/*.global-one span:hover{animation:none;font-weight:bold}*/


/*英国X*/
.global-one span.area1{animation-name:rolle1}
/*比利时Y*/
.global-one span.area2{animation-name:rolle2}
/*捷克X*/
.global-one span.area3{animation-name:rolle3}
/*韩国X*/
.global-one span.area4{animation-name:rolle4}
/*美国X*/
.global-one span.area5{animation-name:rolle5}
/*日本Y*/
.global-one span.area6{animation-name:rolle6}
/*墨西哥X*/
.global-one span.area7{animation-name:rolle7}
/*印度Y*/
.global-one span.area8{animation-name:rolle8}
/*泰国Y*/
.global-one span.area9{animation-name:rolle9}
/*澳大利亚X*/
.global-one span.area10{animation-name:rolle10}
/*天津Y*/
.global-one span.area11{animation-name:rolle11}
/*烟台Y*/
.global-one span.area12{animation-name:rolle12}
/*青岛Y*/
.global-one span.area13{animation-name:rolle13}
/*无锡X*/
.global-one span.area14{animation-name:rolle14}
/*苏州Y*/
.global-one span.area15{animation-name:rolle15}
/*芜湖X*/
.global-one span.area16{animation-name:rolle16}
/*上海Y*/
.global-one span.area17{animation-name:rolle17}
/*宁波Y*/
.global-one span.area18{animation-name:rolle18}
/*诸暨X*/
.global-one span.area19{animation-name:rolle19}
/*南昌Y*/
.global-one span.area20{animation-name:rolle20}
/*珠海Y*/
.global-one span.area21{animation-name:rolle21}
/*绵阳X*/
.global-one span.area22{animation-name:rolle22}


/*
	默认位置
	from{transform: translate3d(-50%,-55%,0);} to{transform: translate3d(-50%,-55%,0);}
*/

/*.global-one span{animation-name:none!important;}
.global-one span.area1{animation-name:rolle1!important;}*/

/*英国X*/
.global-one span.area1{animation-duration:2s;}
@keyframes rolle1{
	from{transform: translate3d(-45.45%,-54.61%,0);} to{transform: translate3d(-54.55%,-55.39%,0);}
}
/*比利时Y*/
.global-one span.area2{animation-duration:1.9s;}
@keyframes rolle2{
	from{transform: translate3d(-51.83%,-47.64%,0);} to{transform: translate3d(-48.17%,-62.36%,0);}
}
/*捷克X*/
.global-one span.area3{animation-duration:1.8s;}
@keyframes rolle3{
	from{transform: translate3d(-45.15%,-55.50%,0);} to{transform: translate3d(-54.85%,-54.50%,0);}
}
/*韩国X*/
.global-one span.area4{animation-duration:2.1s;}
@keyframes rolle4{
	from{transform: translate3d(-41.93%,-55.40%,0);} to{transform: translate3d(-58.07%,-54.60%,0);}
}
/*美国X*/
.global-one span.area5{animation-duration:2.2s;}
@keyframes rolle5{
	from{transform: translate3d(-46.23%,-56.81%,0);} to{transform: translate3d(-53.77%,-53.19%,0);}
}
/*日本Y*/
.global-one span.area6{animation-duration:2s;}
@keyframes rolle6{
	from{transform: translate3d(-51.3%,-52.81%,0);} to{transform: translate3d(-48.7%,-57.18%,0);}
}
/*墨西哥X*/
.global-one span.area7{animation-duration:2.1s;}
@keyframes rolle7{
	from{transform: translate3d(-43.58%,-51.24%,0);} to{transform: translate3d(-56.42%,-58.76%,0);}
}
/*印度Y*/
.global-one span.area8{animation-duration:1.8s;}
@keyframes rolle8{
	from{transform: translate3d(-45.61%,-49.87%,0);} to{transform: translate3d(-54.39%,-60.13%,0);}
}
/*泰国Y*/
.global-one span.area9{animation-duration:2.1s;}
@keyframes rolle9{
	from{transform: translate3d(-46.79%,-46.43%,0);} to{transform: translate3d(-53.21%,-63.57%,0);}
}
/*澳大利亚X*/
.global-one span.area10{animation-duration:2s;}
@keyframes rolle10{
	from{transform: translate3d(-52.74%,-52%,0);} to{transform: translate3d(-47.26%,-57.99%,0);}
}
/*天津Y*/
.global-one span.area11{animation-duration:2.2s;}
@keyframes rolle11{
	from{transform: translate3d(-52.35%,-32.95%,0);} to{transform: translate3d(-47.65%,-47.05%,0);}
}
/*烟台Y*/
.global-one span.area12{animation-duration:1.9s;}
@keyframes rolle12{
	from{transform: translate3d(-50.80%,-52.26%,0);} to{transform: translate3d(-49.20%,-57.74%,0);}
}
/*青岛Y*/
.global-one span.area13{animation-duration:1.85s;}
@keyframes rolle13{
	from{transform: translate3d(-48.98%,-51.62%,0);} to{transform: translate3d(-51.02%,-58.38%,0);}
}
/*无锡X*/
.global-one span.area14{animation-duration:1.95s;}
@keyframes rolle14{
	from{transform: translate3d(-43.47%,-52.38%,0);} to{transform: translate3d(-56.53%,-57.62%,0);}
}
/*苏州Y*/
.global-one span.area15{animation-duration:1.9s;}
@keyframes rolle15{
	from{transform: translate3d(-51.58%,-51.17%,0);} to{transform: translate3d(-48.42%,-58.83%,0);}
}
/*芜湖X*/
.global-one span.area16{animation-duration:1.8s;}
@keyframes rolle16{
	from{transform: translate3d(-42.29%,-54.94%,0);} to{transform: translate3d(-57.71%,-55.06%,0);}
}
/*上海Y*/
.global-one span.area17{animation-duration:2.1s;}
@keyframes rolle17{
	from{transform: translate3d(-47.60%,-52.51%,0);} to{transform: translate3d(-52.40%,-57.49%,0);}
}
/*宁波Y*/
.global-one span.area18{animation-duration:1.95s;}
@keyframes rolle18{
	from{transform: translate3d(-58.35%,-47.72%,0);} to{transform: translate3d(-52.28%,-51.65%,0);}
}
/*诸暨X*/
.global-one span.area19{animation-duration:2s;}
@keyframes rolle19{
	from{transform: translate3d(-47.21%,-56.14%,0);} to{transform: translate3d(-52.79%,-53.86%,0);}
}
/*南昌Y*/
.global-one span.area20{animation-duration:1.8s;}
@keyframes rolle20{
	from{transform: translate3d(-51.31%,-50.18%,0);} to{transform: translate3d(-48.69%,-59.82%,0);}
}
/*珠海Y*/
.global-one span.area21{animation-duration:1.95s;}
@keyframes rolle21{
	from{transform: translate3d(-50.43%,-59.75%,0);} to{transform: translate3d(-49.57%,-50.25%,0);}
}
/*绵阳X*/
.global-one span.area22{animation-duration:1.9s;}
@keyframes rolle22{
	from{transform: translate3d(-43.91%,-53.34%,0);} to{transform: translate3d(-56.09%,-56.66%,0);}
}


.global-one{width:1200px; margin:90px auto 60px auto;}
.global-one span.area1{width:60px;height:60px;background-color:#40b8dd;line-height:60px;margin-top:-300px;margin-left:-114px}
.global-one span.area2{width:55px;height:55px;background-color:#4cbcdf;line-height:55px;margin-left:-225px;margin-top:-290px;font-size:14px}
.global-one span.area3{width:40px;height:40px;line-height:40px;font-size:14px;background-color:#59c1e2;margin-left:-348px;margin-top:-220px}
.global-one span.area4{width:60px;height:60px;background-color:#19a9d6;line-height:60px;margin-left:-314px;margin-top:-115px}
.global-one span.area5{width:75px;height:75px;background-color:#66c6e4;line-height:75px;margin-left:-420px;margin-top:-85px;font-size:18px}
.global-one span.area6{width:80px;height:80px;line-height:80px;font-size:18px;background-color:#00a0d2;margin-left:-314px}
.global-one span.area7{width:60px;height:60px;line-height:60px;background-color:#73cbe6;margin-top:90px;margin-left:-408px}
.global-one span.area8{width:50px;height:50px;line-height:50px;background-color:#33b3db;margin-left:-358px;margin-top:204px}
.global-one span.area9{width:70px;height:70px;line-height:70px;background-color:#0da5d4;font-size:18px;margin-left:-240px;margin-top:238px}
.global-one span.area10{width:60px;height:60px;background-color:#26aed9;margin-left:-140px;margin-top:290px;line-height:1.2em;padding-top:10px}
.global-one span.area11{width:75px;height:75px;line-height:75px;background-color:#16c494;font-size:18px;margin-left:114px;margin-top:-306px}
.global-one span.area12{width:55px;height:55px;line-height:55px;background-color:#5fd7b5;margin-left:240px;margin-top:-290px;font-size:14px}
.global-one span.area13{width:50px;height:50px;line-height:50px;background-color:#90e3cc;font-size:14px;margin-left:340px;margin-top:-232px}
.global-one span.area14{width:60px;height:60px;line-height:60px;background-color:#47d1aa;margin-left:300px;margin-top:-148px}
.global-one span.area15{width:60px;height:60px;line-height:60px;background-color:#52d3b0;margin-left:408px;margin-top:-100px}
.global-one span.area16{width:45px;height:45px;line-height:45px;background-color:#84e0c6;margin-left:302px;margin-top:-28px;font-size:14px}
.global-one span.area17{width:80px;height:80px;line-height:80px;background-color:#2eca9f;font-size:18px;margin-left:408px;margin-top:28px}
.global-one span.area18{width:60px;height:60px;line-height:60px;background-color:#6bdabb;margin-left:375px;margin-top:146px}
.global-one span.area19{width:70px;height:70px;line-height:70px;background-color:#21c799;font-size:18px;margin-left:308px;margin-top:228px}
.global-one span.area20{width:40px;height:40px;line-height:40px;background-color:#78ddc1;font-size:14px;margin-left:232px;margin-top:272px}
.global-one span.area21{width:65px;height:65px;line-height:65px;background-color:#09c18e;font-size:18px;margin-left:138px;margin-top:300px}
.global-one span.area22{width:60px;height:60px;line-height:60px;background-color:#3acda5;margin-left:28px;margin-top:320px}
.global-h3{width:180px;height:50px;line-height:50px;border-radius:25px;background-color:#eee;font-size:22px;color:#333;text-align:center;font-weight:400;margin:0 auto 40px}
.global-two ul{overflow:hidden;margin-bottom:40px}
.global-two li{float:left;width:33.3%;padding:0 20px}
.global-two li .pic{display:block;border-radius:10px;width:100%;height:0;overflow:hidden;position:relative;padding-top:66.67%}
.global-two li .pic img{position:absolute;left:0;top:0;width:100%;height:100%}
.global-two li p{text-align:center;font-size:16px;color:#333;line-height:55px}
.global-three{margin-bottom:70px}
.global-three ul{overflow:hidden}
.global-three li{float:left;width:25%;padding:0 20px}
.global-three li .pic{display:block;border-radius:10px;display:block;width:100%;height:0;overflow:hidden;position:relative;padding-top:67%}
.global-three li .pic img{position:absolute;left:0;top:0;width:100%;height:100%}
.global-three li p{text-align:center;font-size:16px;color:#333;line-height:55px}
.about-banner{background:url(../images/about-ban.jpg) top center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;text-align:center;padding:192px 0}
.about-two{position:relative}
.about-two .wrap{padding:150px 0 130px 340px}
.about-two p{font-size:16px;line-height:2.24em;color:#333;margin-bottom:36px;text-align:justify}
.about-two::before{content:"";width:640px;position:absolute;left:0;top:0;bottom:0;background:url(../images/about-img.jpg) no-repeat;-webkit-background-size:100%;background-size:100%;z-index:-1}

.m-scrollbar{max-height:30px;overflow-y:auto}
.m-scrollbar::-webkit-scrollbar{width:2px;height:16px}
.m-sc rollbar::-webkit-scrollbar-track{border-radius:10px;background-color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
.m-scrollbar::-webkit-scrollbar-thumb{border-radius:10px;background-color:#00a0d2;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}

.about-two .wrap .text{ width:100%; padding-right: 18px; max-height:360px;}

.about-three{background:url(../images/about-bg.jpg) center no-repeat;padding:100px 0 60px;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.about-three .wrap{padding-left:270px}
.about-three,.about-three .wrap{ background:none!important; padding:0!important; text-align:center;}
.about-three .wrap.mo img{ width:auto!important; height:auto!important;}
.about-three li{font-size:22px;color:#333;line-height:40px;margin-bottom:60px}
.about-three li strong{display:inline-block;margin-right:60px;font-size:30px;color:#00a0d2;position:relative}
.about-three li strong::before{content:"";width:60px;height:6px;background-color:#00a0d2;position:absolute;left:0;top:-20px}
.about-four{background-color:#f7f7f7;padding:80px 0 90px}
.about-four h3{font-size:24px;color:#333;line-height:44px;margin-bottom:30px}
.about-four ul{overflow:hidden;width: 115%;}
.about-four li{float:left;width:25%;font-size:18px;color:#333;font-weight:700}
.about-four li img{vertical-align:middle;margin-right:20px}
.about-five{padding:60px 0}
.about-five li{overflow:hidden;margin-bottom:30px}
.about-five li .text{float:left;width:66.5%;padding-right:90px;margin-top:54px}
.about-five li .pic{float:right;width:33.5%}
.about-five li .pic img{width:100%;border-radius:8px}
.about-five li .pic .mo-pic{display:none}
.about-five li.two .text{float:right;padding-right:0;padding-left:90px}
.about-five li.two .pic{float:left}
.about-five li strong{display:block;font-size:24px;color:#00a0d2;line-height:44px;font-weight:700;margin-bottom:14px}
.about-five li strong::before{content:"";width:30px;height:30px;background-color:#00a0d2;border-radius:15px 15px 15px 0;display:inline-block;vertical-align:middle;margin-top:-5px;margin-right:15px}
.about-five li.two strong:nth-child(2){ display:none;}
.about-five li p{font-size:16px;line-height:2.25em;color:#333}
.about-six{background:url(../images/about-img4.jpg) center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:110px 0}
.number-ul{overflow:hidden}
.number-ul li{width:25%;text-align:center;float:left}
.number-ul li strong{/*display:block;*/font-size:60px;font-family:din;line-height:70px;color:#09c18e}
.number-ul li p{font-size:18px;color:#fff;line-height:38px}
.news-slick{margin-top:90px}
.news-slick .content{overflow:hidden;border:1px solid #ddd;border-right:none;border-radius:10px;margin:0 5px}
.news-slick .text{float:left;width:50%;border-radius:10px 0 0 10px;padding:50px 35px}
.news-slick .text .title{display:block;font-size:24px;color:#333;font-weight:700;line-height:42px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:18px}
.news-slick .text .info{font-size:14px;color:#999;line-height:24px;margin-bottom:28px}
.news-slick .text .info .tag{padding-right:10px;display:inline-block;position:relative}
.news-slick .text .info .tag::before{content:"";width:1px;height:12px;background-color:#ccc;position:absolute;right:0;top:50%;margin-top:-6px}
.news-slick .text .info .date{display:inline-block;padding-left:10px}
.news-slick .text p{font-size:16px;line-height:28px;color:#666;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-slick .text .see-more{display:inline-block;font-size:12px;color:#999;line-height:22px;margin-top:63px}
.news-slick .img{float:right;width:50%;height:400px;object-fit:cover;border-radius:0 10px 10px 0;border-right:1px solid #ddd;overflow:hidden}
.news-slick .img img{display:block;width:100%;height:100%}
.news-slick .slick-dots{position:absolute;bottom:52px;width:104px;left:50%;margin-left:-120px}
.news-slick .slick-dots li button{background-color:#ccc}
.news-slick .slick-dots li.slick-active button{width:10px !important;background-color:#00a0d2}
.news-box{margin-top:60px;position:relative}
.news-box .pager-box{ margin:-20px auto 50px auto}
.news-tab{overflow:hidden}
.news-tab li{float:left;background-color:#eee;overflow:hidden}
.news-tab li:first-child{border-top-left-radius:10px}
.news-tab li:last-child{border-top-right-radius:10px}
.news-tab li a{display:block;font-size:16px;color:#333;line-height:60px;padding:0 43px;transition:all 0.3s ease-out}
.news-tab li.on a,.news-tab li:hover a{background-color:#00a0d2;color:#fff}
.news-list{margin-bottom:60px}
.news-list li{border-bottom:1px solid #ddd;overflow:hidden;padding:35px 0;transition:all 0.3s ease-out}
.news-list li:first-child{border-top:1px solid #ddd}
.news-list li .news-col{float:left;width:172px;padding-left:40px;position:relative}
.news-list li .news-col::before{content:"";width:1px;height:88px;background-color:#ccc;position:absolute;right:0;top:4px}
.news-list li .news-col span{display:block}
.news-list li .news-col .date{font-size:18px;color:#333;line-height:38px;font-family:Arial;margin-top:10px}
.news-list li .news-col .tag{font-size:14px;color:#999;line-height:24px}
.news-list li .news-info{overflow:hidden;padding:0 35px 0 40px}
.news-list li .news-info .title{display:block;font-size:18px;font-weight:700;color:#333;line-height:28px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:20px}
.news-list li .news-info p{font-size:14px;color:#666;line-height:24px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-list li:hover .news-info .title,.news-list li:hover .news-info p{color:#00a0d2}
.more-btn{text-align:center;margin-bottom:90px}
.more-btn a{display:inline-block;width:160px;height:50px;line-height:50px;border:1px solid #333;border-radius:10px;font-size:16px;color:#333;transition:all 0.3s ease-out}
.more-btn a span.a1{display:inline-block}
.more-btn a span.a2{display:none;color:#fff}
.more-btn a img{vertical-align:middle;margin-top:-3px}
.more-btn a:hover span.a1{display:none}
.more-btn a:hover{background-color:#00a0d2;border-color:#00a0d2}
.more-btn a:hover span.a2{display:inline-block}
.crumbs-box{margin-top:90px;background-color:#485157}
.crumbs-box .crumbs{padding: 19px 0 19px 20px;background:url(../images/nl-home.png) left center no-repeat}
.crumbs-box .crumbs li{display:inline-block;line-height: 150%;color:#676e73;font-size:14px;margin-left:6px}
.crumbs-box .crumbs li a{display:inline-block;color:#fff;margin-right:10px}
.crumbs-box .crumbs li span{display:inline-block;color:#999}
.crumbs-box .crumbs li a:hover{color:#999}
.news-main{overflow:hidden;padding-top:50px;padding-bottom:90px}
.news-main .new-left{float:left;width:70%}
.news-main .new-left h1{font-weight:400;font-size:30px;color:#333;line-height:48px;margin-bottom:10px}
.info-area{font-size:14px;color:#999;line-height:24px;margin-bottom:28px}
.info-area .tag{padding-right:10px;display:inline-block;position:relative}
.info-area .tag::before{content:"";width:1px;height:12px;background-color:#ccc;position:absolute;right:0;top:50%;margin-top:-6px}
.info-area .date{display:inline-block;padding-left:5px}
.news-main .new-left .content{font-size:16px;color:#333;line-height:28px;margin-top:50px}

.news-main .new-left .content video{ /*display:block; margin:0 auto;*/}
.news-main .new-left .content p{ margin:0 0 .8rem 0}
.news-main .new-left .content,
.goods-txt,
.slider-for .case-text p,
.news-main .new-left .content,
.study-list li .text p{ text-align:justify}
.news-main .new-left .content img{object-fit: unset;}

.prev-box{overflow:hidden;margin-left:-3%}
.prev-box li{float:left;width:47%;margin-left:3%;border:1px solid #ddd;border-radius:10px;padding:25px 30px;transition:all 0.3s ease-out}
.prev-box li .sp{display:block;font-size:16px;color:#00a0d2;line-height:26px;margin-bottom:6px}
.prev-box li a{display:block;font-size:16px;color:#333;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px}
.prev-box li .info-area{margin-bottom:0}
.prev-box li:hover{background-color:#00a0d2}
.prev-box li:hover .sp,.prev-box li:hover a{color:#fff}
.prev-box li:hover .info-area{color:rgba(255,255,255,0.5)}
.prev-box li.no a{ color:#999}
.prev-box li.no .info-area .tag::before{ display:none}
.news-main .new-right{float:right;width:25%}
.news-main .side-box{width:100%;max-width:300px}
.related-new{background-color:#f7f7f7;border-radius:10px;padding:12px 30px 0;margin-bottom:20px}
.side-tit{display:block;font-size:18px;color:#333;font-weight:700;line-height:55px;position:relative}
.side-tit::after{content:"";width:32px;height:4px;background-color:#00a0d2;position:absolute;left:0;bottom:0}
.related-new li{border-top:1px solid #ddd;padding:25px 0}
.related-new li:first-child{border-top:0}
.related-new li a{display:block;font-size:16px;line-height:28px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:8px}
.related-new li .info-area{margin-bottom:0}
.related-new li a:hover{color:#00a0d2}
.share-wechat{display:block;width:100%;border-radius:10px;border:1px solid #eee;line-height:50px;text-align:center;font-size:14px;color:#333}
.share-wechat img{vertical-align:middle;margin-top:-2px;margin-right:5px}
.share-wechat:hover{background-color:#00a0d2;color:#ccc}
.video-box{padding-top:90px;margin-bottom:70px}
.video-box .wrap{padding:0 120px}
.video-box .video{overflow:hidden;border-radius:10px;position:relative;display:block;max-width:960px;height:545px;width:100%;margin:0 auto}
.video-box .video video,.video-box .video img{display:block;width:100%;border-radius:10px;height:100%}
.video-text{padding-top:20px;padding-bottom:10px}
.video-text .title{display:block;font-size:24px;color:#333;line-height:44px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:10px}
.video-text p{font-size:16px;color:#999;line-height:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:25px}
.video-text span{display:block;font-size:14px;color:#999;line-height:24px}
.related-videos{margin-bottom:70px}
.related-videos .video-top{margin-bottom:30px}
.video-slick{margin:0 -10px;position:relative}
.video-slick .slick-list .cont{padding:0 10px}
.video-slick .slick-list .cont .title{display:block;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;line-height:56px}
.video-slick .slick-list .cont .title:hover{color:#09c18e}
.video-slick .slick-list .video{display:block;position:relative;overflow:hidden;border-radius:10px;height:160px;object-fit:cover}
.video-slick .slick-list .video img{display:block;width:100%;height:100%;border-radius:10px}
.video-slick .slick-list .video::after{content:"";width:50px;height:54px;background:url(../images/nl-play.png) no-repeat;position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-27px}
.video-slick .slick-dots{position:absolute;right:10px;top:-64px;bottom:auto;width:104px}
.video-slick .slick-dots li button{background-color:#ccc}
.video-slick .slick-dots li.slick-active button{width:10px;background-color:#00a0d2}
.video-slick .slick-arrow{position:absolute;top:-48px;width:10px;height:18px}
.video-slick .slick-next:before,.video-slick .slick-prev:before{display:none}
.video-slick .slick-prev{background:url(../images/nl-arrow.png) no-repeat;left:auto;right:50px}
.video-slick .slick-next{background:url(../images/nl-arrow1.png) no-repeat;right:12px}
.partner-box{padding-bottom:20px;margin-bottom:90px}
.logo-list{overflow:hidden}
.logo-list .pic{float:left;width:230px;height:230px;padding:30px;box-sizing:border-box;margin:0 5px}
.logo-list .pic a{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);background-color:#f7f7f7;border-radius:10px;overflow:hidden;box-shadow:0 0 20px rgba(245,248,253,0.5);transition:all 0.3s ease-out}
.logo-list .pic a img{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);width:170px;height:170px;object-fit:contain;padding: 20px;}
.logo-list li{padding-left:120px;position:relative}
.logo-list li.one{top:90px}
.logo-list li.two{padding-left:0}
.logo-list li.three{top:-90px}
.logo-list .pic a:hover{background-color:#fff;box-shadow:0 0 30px rgba(0,0,0,0.1)}
.partner-slick{position:relative; width: 110%;}
.partner-slick .slick-arrow{width:50px;height:50px;border-radius:50%;position:absolute;bottom:0;left:50%;right:auto;border:1px solid #00a0d2;top:auto;z-index:2}
.partner-slick .slick-next:before,.partner-slick .slick-prev:before{display:none}
.partner-slick .slick-prev{margin-left:-40px;background:url(../images/nl-jt3.png) center no-repeat}
.partner-slick .slick-next{margin-left:40px;background:url(../images/nl-jt4.png) center no-repeat}
.partner-slick .slick-prev:hover{background:url(../images/nl-jt1.png) center no-repeat #00a0d2}
.partner-slick .slick-next:hover{background:url(../images/nl-jt2.png) center no-repeat #00a0d2}
.history-main{position:relative}
.history-main ul{overflow:hidden}
.history-main li .box{display:flex;align-items:center;justify-content:space-between;width:955px}
.history-main li{padding:90px 0}
.history-main li .img{width:300px;height:200px;border-radius:10px;overflow:hidden;background-color:transparent;flex-shrink:0;margin-left:120px}
.history-main li .img img{display:block;width:100%;height:100%}
.history-main li .txt{overflow:hidden;flex-grow:1}
.history-main li .txt span{width:80px;line-height:20px;text-align:center;font-size:12px;color:#fff;background-color:#029fd2;border-radius:20px;margin-bottom:25px;display:block}
.history-main li .txt p{font-size:16px;line-height:26px}
.history-main li:nth-child(2n) .box{flex-direction:row-reverse}
.history-main li:nth-child(2n) .img{margin-right:120px;margin-left:0}
.history-main li:nth-child(2n){background-color:#f7f7f7}
.history-main li.nopic{padding: 50px 0;}
.history-main li.nopic .img{width: 300px;height: 50px;}
.swiper-his{position:absolute;top:0;height:calc(100vh - 90px);border-left:1px solid #ddd;left:50%;margin-left:500px}
.swiper-his .swiper-slide{line-height:80px;font-size:14px;color:#333;cursor:pointer;padding-left:30px;position:relative;display:flex;align-items:center;justify-content:center}
.swiper-his .swiper-slide::after{content:"";position:absolute;width:10px;height:2px;background-color:#ddd;left:0;top:50%;margin-top:-1px;transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s}
.swiper-his .swiper-slide.swiper-slide-active{font-size:20px;color:#00a0d2}
.swiper-his .swiper-slide.swiper-slide-active::after{width:20px;background-color:#00a0d2}
.swiper-his .swiper-container{height:100%}
.swiper-his.fix{position:fixed}
.swiper-his .btn{width:50px;height:50px;border-radius:50px;overflow:hidden;background-repeat:no-repeat;background-position:center;-webkit-background-size:18px;-moz-background-size:18px;-o-background-size:18px;background-size:18px;border:1px solid #00a0d2;left:-70px}
.swiper-his .btn:hover{background-color:#00a0d2}
.swiper-his .btn.swiper-button-prev{background-image:url(../images/jt2_w.png);margin-top:20px}
.swiper-his .btn.swiper-button-prev:hover{background-image:url(../images/jt2.png)}
.swiper-his .btn.swiper-button-next{background-image:url(../images/jt1_w.png);margin-top:-60px}
.swiper-his .btn.swiper-button-next:hover{background-image:url(../images/jt1.png)}
.tech-box{padding:90px 0;position:relative}
.tach-top{overflow:hidden;margin-bottom:40px;position:relative}
.tach-top::after{content:"";width:100%;height:1px;background-color:#dddddd;position:absolute;left:0;bottom:0}
.tach-top .tach-tab{float:left}
.tach-top .patent-ul{float:right;overflow:hidden}
.patent-ul li{font-size:16px;color:#666;float:left;position:relative;cursor:pointer}
.patent-ul li span{display:block;line-height:60px;padding:0 30px}
.patent-ul li.on a span{ color:#09c18e}
.patent-ul li:last-child{margin-right:-30px}
.patent-ul li::before{content:"";width:1px;height:12px;position:absolute;left:0;top:50%;margin-top:-6px;background-color:#ddd}
.patent-ul li:first-child::before{display:none}
.patent-ul li.on,.patent-ul li:hover{color:#09c18e}
.patent-list li{float:left;width:33.3%;margin-bottom:60px}
.patent-list li .pic{display:block;overflow:hidden;border-radius:10px;height:400px;text-align:center;line-height:397px}
.patent-list li .pic img{display:inline-block;max-width:80%;max-height:80%;vertical-align:middle;width:auto;height:auto}
.patent-list li p{font-size:16px;color:#666;line-height:130%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:center;height:56px;margin-top:22px;padding:0 10px}
.patent-list li:hover .pic{background-color:#fff;box-shadow:0 0 40px rgba(0,0,0,0.1)}
.patent-list li:hover p{color:#09c18e}
.honor-box{padding:30px 0 90px 0}
.big-pic{position:fixed;z-index:9;width:600px;height:600px;left:50%;top:50%;transform:translate(-50%,-50%);display:none;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1)}
.big-pic img{display:block;width:100%}
.big-pic .close{width:30px;height:30px;line-height:30px;font-size:20px;color:#000;position:absolute;right:0;top:0;cursor:pointer;display:block;z-index:10}
.create-one{overflow:hidden;padding:60px 0}
.create-one .text{float:left;width:55%;padding-right:20px;margin-top:80px}
.create-one .text p{font-size:16px;color:#333;line-height:28px}
.create-one .pic{float:right;width:40%;padding-left:40px}
.create-one .pic img{display:block;width:100%;border-radius:10px;height:280px}
.create-two{background-color:#f7f7f7;padding-top:80px;padding-bottom:90px}
.create-three h3,.create-two h3{font-size:24px;color:#333;line-height:44px;text-align:center;margin-bottom:50px}
.study-list{overflow:hidden;margin:0 -15px}
.study-list li{float:left;width:33.3%;padding:0 15px}
.study-list li .pic{border-radius:10px 10px 0 0;display:block;width:100%;height:0;overflow:hidden;position:relative;padding-top:66.8%}
.study-list li .pic img{position:absolute;left:0;top:0;width:100%;height:100%}
.study-list li .text{background-color:#e7e7e7;padding:50px 37px 54px}
.study-list li .text strong{display:block;font-size:24px;color:#333;line-height:34px;font-weight:400;text-align:center;margin-bottom:28px}
.study-list li .text p{font-size:16px;color:#666;line-height:28px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.study-info{margin-top:55px}
.study-info .info{position:relative;padding-right:0}
.study-info .info p{padding-right:130px}
.study-info .info .study-logo{position:absolute;right:20px;top:auto;bottom:0}
.study-info strong{display:block;font-size:24px;color:#333;line-height:34px}
.study-info strong.p1{margin-bottom:50px}
.study-info strong.p2{margin-bottom:34px}
.study-info .info p{font-size:16px;color:#333;line-height:26px}
.create-three{padding-top:80px;padding-bottom:90px}
.create-img{overflow:hidden;margin:0 -15px}
.create-img li{width:33.3%;float:left;padding:0 15px}
.create-img li .img{border-radius:10px;display:block;width:100%;height:0;overflow:hidden;position:relative;padding-top:66.67%}
.create-img li .img>img{position:absolute;left:0;top:0;width:100%;height:100%}
.create-img li .img::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.3)}
.create-img li .img .text{display:block;position:absolute;width:100%;z-index:2;left:0;top:50%;font-size:28px;line-height:48px;text-align:center;margin-top:-24px;color:#fff}
.create-img li .img .text img{vertical-align:middle;margin-left:10px;margin-top:-4px}
.pro-inner{overflow:hidden;margin-top:60px;margin-bottom:80px}
.pro-col{float:left;width:60%;overflow:hidden;display:flex;flex-direction:row-reverse}
.pro-text{float:right;width:40%;padding-left:5%}
.thumb-box{width:102px;float:left;padding:30px 0;position:relative;flex-shrink:0}
.thumb-slick{height:530px;padding:0}
.thumb-slick .s-img{background-color:#f7f7f7;border-radius:10px; margin:8px 0;display:block;padding-top:100%;position:relative; box-shadow:0 0 3px rgba(0,0,0,.1)}
.thumb-slick .s-img img{display:block;width:100%;border-radius:10px;position:absolute;left:0;top:0;height:100%}
.thumb-slick .slick-current .s-img{background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:10px}
.thumb-list{margin:0 6px}
.pro-big{overflow:hidden;padding-left:0; margin-left:10px;}
.pro-big .pic{width: 600px;height:600px;overflow:hidden;object-fit:cover;border: 1px solid #f5f5f5;border-radius: 10px;}
.pro-big .pic img{display:block;width:100%;height:100%}

.watermark{ position:relative;}
.watermark img{position: relative;}
.watermark::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:url(../images/watermark-g-05.png?t=132) no-repeat center center;background-size: contain;width: 100%;height: 100%;display:block;z-index: 1;}

.pro-list li .pic{box-shadow: 0 0 3px rgba(0,0,0,0.1);}
.thumb-slick .slick-arrow{left:50%;width:90px;height:20px;background-color:#f7f7f7;margin-left:-45px;border-radius:10px;position:relative;cursor:pointer}
.thumb-slick .slick-prev{top:-20px}
.thumb-slick .slick-next{bottom:-20px;top:auto}
.thumb-slick .slick-prev:before{content:"";width:14px;height:8px;background:url(../images/arr-one.png) no-repeat;position:absolute;left:50%;top:50%;margin-left:-7px;margin-top:-4px}
.thumb-slick .slick-next:before{content:"";width:14px;height:8px;background:url(../images/arr-two.png) no-repeat;position:absolute;left:50%;top:50%;margin-left:-7px;margin-top:-4px}
.thumb-slick .slick-arrow:hover{background-color:#00a0d2}
.thumb-slick .slick-prev:hover::before{background:url(../images/arr-one1.png) no-repeat}
.thumb-slick .slick-next:hover::before{background:url(../images/arr-two1.png) no-repeat}
.pro-text{flex-grow:1}
.pro-text h1{margin-top:32px;font-weight:400;font-size:30px;color:#333;line-height:40px;margin-bottom:15px}
.pro-text .txt{display:inline-block;font-size:12px;color:#666;line-height:24px;border-radius:12px;padding:0 12px;background-color:#eee;margin-bottom:40px}
.cp-td{padding-top:40px;border-top:1px solid #eee;margin-bottom:35px}
.pro-text .tit{display:inline-block;line-height:24px;border-radius:12px;padding:0 12px;background-color:#09c18e;font-size:12px;color:#fff;margin-bottom:26px}
.cp-td li{font-size:14px;color:#666;padding-left: 18px;position: relative;line-height: 130%;margin-bottom: 6px;}
.cp-td li::before{content:"";/*display:inline-block;*/width:7px;height:7px;border-radius:50%;background-color:#09c18e;vertical-align:middle;margin-right:8px;margin-top:-2px;position: absolute;top: 7px;left: 0;}
.cp-td p{font-size:12px;color:#999}
.cp-td p i{font-style:normal;color:#999;display:inline-block;margin-right:10px}
.pro-text .cp-ys .tit{background-color:#00a0d2}
.cp-ys li{font-size:14px;color:#666;padding-left: 18px;position: relative;line-height: 130%;margin-bottom: 6px;}
.cp-ys li::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background-color:#00a0d2;vertical-align:middle;margin-right:8px;margin-top:-2px;position: absolute;top: 7px;left: 0;}
.main-content{font-size:16px;line-height:28px;color:#333}
.main-content h3{font-size:24px;color:#2d3349;line-height:44px;text-align:center;margin-bottom:30px}
.goods-txt{max-width:800px;width:100%;margin:0 auto 74px}
.goods-txt p{margin-bottom:28px}
.goods-txt img {display: block;margin: 0 auto;}
.goods-info{ text-indent:0!important;}
.goods-info li p{margin-bottom:0}
.goods-info li{padding-left:16px;position:relative}
.goods-info li::before{content:"";position:absolute;background-color:#333;display:inline-block;width:7px;height:7px;border-radius:50%;vertical-align:middle;margin-right:8px;margin-top:3px;top:7px;left:0;}
.goods-scenes{margin-bottom:80px}
.goods-slick{max-width:1140px;width:100%;margin:0 auto}
.goods-slick .img{padding:0 10px;height:176px;overflow:hidden;object-fit:cover}
.goods-slick .img img{display:block;width:100%;border-radius:10px;height:100%}
.goods-slick .slick-arrow{width:20px;height:90px;border-radius:10px;background-color:#f7f7f7;margin-top:-45px;z-index:1}
.goods-slick .slick-prev:before{content:"";width:10px;height:18px;background:url(../images/nl-arrow.png) no-repeat;position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-9px}
.goods-slick .slick-next:before{content:"";width:10px;height:18px;background:url(../images/nl-arrow1.png) no-repeat;position:absolute;left:50%;top:50%;margin-left:-5px;margin-top:-9px}
.goods-slick .slick-arrow:hover{background-color:#00a0d2}
.goods-slick .slick-prev:hover::before{background:url(../images/nl-jt1.png) no-repeat}
.goods-slick .slick-next:hover::before{background:url(../images/nl-jt2.png) no-repeat}
.goods-slick.center{ text-align:center;}
.center .goods-list{ display:inline-block; width:285px;}
.goods-table{padding:0 94px;margin-bottom:80px;font-size:12px;}
.goods-table table{border-radius:10px;overflow:hidden;font-family:Aria;background-color:#fff; text-align:center; line-height:30px; width:100%!important; height:auto!important; font-size:14px!important;}
.goods-table table td{word-break:break-all;border-right:2px solid #fff;border-bottom:2px solid #fff;text-align:center!important; font-size:14px!important;padding: 10px 10px; line-height:120%;}
.goods-table table th{ font-weight:bold}
.goods-table table tr:nth-child(odd){ background-color:#eeeeee}
.goods-table table tr:nth-child(even){ background-color:#f9f9f9}
.mall-link{ margin-top:26px;}
.pro-text .mall-link a.tit{margin-bottom:0;background: #00a0d2 url(../images/cart.png?T=1) no-repeat 15px center;background-size: 25px;padding-left: 45px;padding-right: 15px;line-height: 34px;font-size: 14px;border-radius: 17px;}
.pro-text .mall-link a.tit:hover{background-color: #09c18e;}
.related-pro{margin-bottom:50px}
.related-pro .side-tit{margin-bottom:30px}
.goods-item{margin-left:-2.5%}
.goods-item li{float:left;width:22.5%;margin-left:2.5%;margin-bottom:30px}
.goods-item li .pic{display:block;overflow:hidden;border-radius:10px;border:1px solid #eee;display:block;width:100%;height:0;overflow:hidden;position:relative;padding-top:100%}
.goods-item li .pic img{position:absolute;left:0;top:0;width:100%;height:100%}
.goods-item li .tit{display:block;font-size:16px;color:#333;line-height:36px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:10px}
.goods-item li:hover .pic{background-color:#fff;box-shadow:0 0 40px rgba(0,0,0,0.1)}
.goods-item li:hover .tit{color:#09c18e}
.fix-img-big{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999;display:none}
.fix-img-big .img{position:absolute;left:50%;top:50%;width:90%;max-width:600px;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);background-color:#fff;padding:50px;border-radius:10px}
.fix-img-big .img .close{position:absolute;right:0;top:0;width:50px;height:50px;font-size:30px;color:#333;line-height:50px;cursor:pointer;text-align:center}
.fix-img-big .img img{display:block;width:100%;max-height:-webkit-fill-available}
.contact-two.mo{display:none}
.card-list li .close{display:none}
@media screen and (max-width:1700px){
.about-two::before{width:580px}
.about-two .wrap{padding:115px 0 105px 420px}
.about-two p{margin-bottom:18px}
}
@media screen and (max-width:1600px){
.about-two::before{width:520px}
.about-two .wrap{padding:100px 0 60px 380px}
.pro-col{width: 51%}.pro-text{ width:49%;}
.pro-big .pic{width: 495px;height:495px;}
.pro-big .pic img {object-fit: contain;}
.thumb-slick{height: 455px;}
.pro-inner{margin-top: 30px;margin-bottom: 40px;}
.pro-text h1{margin-top:0;}
.pro-text .txt{margin-bottom: 20px;}
.cp-td {padding-top: 20px;margin-bottom: 25px;}
.pro-text .tit {margin-bottom: 15px;}
}
@media screen and (max-width:1439px){
.about-two .wrap{padding:64px 0 60px 410px}
.patent-list li .pic{height:300px;line-height:297px}
}
@media screen and (max-width:1300px){
.about-two::before{width:400px}
.about-two .wrap{padding:34px 0 6px 375px}
.partner-box .wrap{width:100%}
.pro-big .pic{width: 460px;height:460px;}
.thumb-box {padding: 20px 0;}
.thumb-slick{height: 420px;}
.thumb-slick .s-img {margin: 5px 0}
.thumb-slick .slick-prev {top: -10px;}
.thumb-slick .slick-next {bottom: -15px;}

}
@media (min-width:1280px){
.contact-area .tact-area{padding-right:30px}
}
@media screen and (max-width:1260px){
.about-two .wrap{padding:34px 0 6px 375px}
.about-two p{margin-bottom:18px}
.news-slick .text{border:0;padding:12px 18px}
.video-slick{margin:0}
.case-box .slick-box{padding-left:80px;padding-right:100px}
.case-banner{padding-top:240px}
.tact-left{padding:150px 30px}
.tact-left .con .top span{right:12px}
.tact-box{padding:50px 20px 0}
.contact-area .tact-area{padding-right:10px}
.contact-area .tact-area.area1{padding-left:10px}
.news-main .side-box{max-width:240px}
.pro-text{padding-left:3%}
.pro-text h1{margin-top:0}
.pro-inner{margin-bottom: 30px;}
.patent-list li .pic{height:200px;line-height:197px}
.study-info .info p{padding-right:138px}
.pro-col{width: 63%}.pro-text{ width:37%;}
.pro-big .pic{width: 466px;height:466px}
.thumb-slick{height: 426px;}
.video-box .wrap{padding:0}
}
@media screen and (max-width:1023px){
.fix-img-big .img .close{width:30px;height:30px;font-size:20px;line-height:30px}
.fix-img-big .img{padding:30px}
.crumbs-box{margin-top:50px}
.base-one{display:none}
.about-two::before{display:none}
.about-two .wrap{padding:50px 0 30px}
.about-three{background:#fff;padding:0;margin-bottom:70px}
.about-three .wrap{background:url(../images/m-about-bg.jpg) center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:160px 0 140px;border-radius:30px}
.about-three ul{padding:0 46px}
.about-four{padding-bottom:20px;padding-top:50px}
.about-four h3{text-align:center}
.about-four li{text-align:center;font-weight:400;margin-bottom:40px}
.about-four li img{display:inline-block;margin-right:0}
.about-four li span{display:block;line-height:38px;margin-top:8px}
.about-five{padding-bottom:10px}
.about-five li{margin-bottom:40px}
.about-five li .text{float:none;padding-right:0;margin-top:0;width:100%;margin-bottom:30px}
.about-five li .pic{float:none;width:100%}
.about-five li .pic .pc-pic{display:none}
.about-five li .pic .mo-pic{display:block}
.about-five li.two .text{padding-left:0}
.about-six{background:#fff;padding:0 0 50px}
.number-ul{padding:0 50px}
.number-ul li p{color:#333}
.number-ul li{width:50%}
.history-main li{padding:40px 0}
.history-main li .box{width:100%}
.history-main li:nth-child(2n) .img{margin-right:40px}
.history-main li .img{margin-left:40px}
.swiper-his{display:none}
.tech-box{padding:50px 0}
.honor-box{ padding: 30px 0 30px 0;}
.news-tab li a,.patent-ul li span{padding:0 20px}
.create-one .text{margin-top:0;padding-right:0}
.create-one{padding:50px 0}
.study-list li .text{padding:30px 10px 28px}
.study-list li .text strong{font-size:18px;margin-bottom:10px}
.study-list li .text p{font-size:14px}
.study-info strong{font-size:18px}
.study-info .info p{font-size:14px}
.study-info strong.p1{margin-bottom:40px}
.study-info strong.p2{margin-bottom:20px}
.create-three,.create-two{padding-top:40px;padding-bottom:50px}
.create-three h3,.create-two h3{margin-bottom:30px}
.create-img li .img .text{font-size:22px}
.news-slick{margin-top:50px}
.news-slick .text{border-radius:0 0 10px 10px;border-top:0}
.news-slick .text .title{font-size:20px;line-height:1.4em}
.news-slick .text .info{margin-bottom:15px}
.news-slick .text p{font-size:14px;line-height:2em}
.news-slick .text .see-more{margin-top:20px}
.news-slick .slick-dots{bottom:10px}
.video-box .wrap{padding:0}
.video-box{padding-top:50px;margin-bottom:40px}
.video-slick .slick-next{right:20px}
.video-slick .slick-prev{right:128px}
.video-slick .slick-dots{right:28px}
.video-slick .slick-list .cont{padding:0 5px}
.case-banner{padding-top:90px}
.case-info h2{font-size:38px;line-height:48px}
.case-box .case-col{padding:45px 0 25px 20px}
.case-box .case-col h3{margin-bottom:230px}
.case-box .slick-box{margin-top:108px;padding-left:20px;padding-right:60px}
.case-banner .cur{right:20px}
.slider-for .slick-arrow{display:none !important}
.slider-for .case-text{width:60%;margin-top:120px}
.case-slick .paging{top:0}
.slider-navbox{top:28px}
.tact-left{width:100%;margin-bottom:20px}
.tact-right{width:100%;padding-left:0}
.global-one img{z-index: 0;}
.global-one span{z-index: 1;}
.global-three li,.global-two li{padding:0 10px}
.global-three{margin-bottom:40px}
.regular-list{margin-left:-2%}
.regular-list li{width:31.3%;margin-left:2%}
.news-main .new-right{display:none}
.news-main .new-left{width:100%}
.pro-left{display:none}
.pro-content{width:100%;padding-left:0}
.pro-list{margin-left:-30px}
.pro-content h3{padding-left:0; display:none;}
.pro-one{margin-bottom:50px}
.pro-col{width:100%}
.pro-text{width:100%;margin-top:30px;padding-left:0}
.goods-slick .slick-prev{left:0}
.goods-slick .slick-next{right:0}
.goods-table{padding:0}
.card-list{background-color:transparent}
.card-list li{padding:50px 20px;height:auto}
.card-list li:first-child{background:url(../images/bg-box-1.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.card-list li:nth-child(2){background:url(../images/bg-box-2.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.card-list li:nth-child(3){background:url(../images/bg-box-1.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.card-list li:nth-child(4){background:url(../images/bg-box-2.jpg) no-repeat center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.card-list li .hide-info{display:none}
.card-list li.active .hide-info{padding-left:0}
.card-list li .info-box{position:static;transform:none}
.card-area .bg{display:none !important}
.card-list li .hide-info strong{margin-bottom:15px}
.news-slick .img{height:236px}
.pro-big .pic{width: auto;height:611px}
.video-slick .slick-list .video{height:130px}
.slider-for .case-img{height:420px}
.contact-two.mo{display:block;position:relative}
.contact-two{display:none}
.contact-two.mo .wrap{overflow:hidden}
.contact-two.mo .swiper-pagination{bottom:20px}
.contact-two.mo .swiper-pagination .swiper-pagination-bullet{background-color:#fff}
.contact-two.mo .swiper-pagination .swiper-pagination-bullet-active{opacity:1}
.tact-right .tact1,.tact-left{margin-bottom:0}
.card-list li .show-info p{display:none}
.card-list li{margin:0 5px 10px;width:calc(50% - 10px);position:static}
.card-list li.active2 .hide-info{display:block;position:relative;z-index:1}
.card-list li.hide{display:none}
.card-list li.active2{width:100%;margin:0}
.card-list li.active2 .show-info{display:none}
.card-list li.active2 .close{display:block;position:absolute;right:-10px;top:-40px;width:30px;height:30px;color:#fff;line-height:30px;font-size:30px;text-align:center;cursor:pointer}
.card-list li.active2::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2)}
.card-list:hover{background-color:transparent}
}
@media screen and (max-width:768px){
.news-slick .img{height:auto}
.patent-list li .pic{height:150px;line-height:147px}
.about-banner{padding:120px 0}
.about-three .wrap{padding:86px 0 20px}
.number-ul{padding:0 10px}
.ban-con strong{font-size:34px}
.about-three ul{padding:0 20px}
.about-three li{font-size:16px;margin-bottom:36px}
.about-three li strong{font-size:24px;margin-right:6px}
.about-three li strong::before{width:48px;top:-8px}
.history-main li .img{width:180px;height:120px}
.tach-top .tach-tab{width:100%;float:none;margin-bottom:10px}
.news-tab li{width:33.3%;text-align:center}
.news-tab li a{padding:0;line-height:50px}
.tach-top .patent-ul{width:100%;float:none}
.patent-ul li{width:33.3%;text-align:center}
.patent-ul li span{padding:0;line-height:50px}
.patent-list li{width:50%;margin-bottom:20px}
.patent-list li p{margin-top:10px}
.pagination li{margin:0 5px}
.pagination li a,.pagination li span{width:30px;height:30px;line-height:30px}
.pagination li a{font-size:14px}
.pagination li.pg-next a,.pagination li.pg-next span,.pagination li.pg-prev a,.pagination li.pg-prev span{background-size:5px}
.create-one .text{width:100%;float:none}
.create-one .pic{width:100%;padding-left:0;margin-top:20px}
.study-list{margin:0}
.study-list li{padding:0 5px}
.study-info strong.p1{margin-bottom:20px}
.study-info .info p{font-size:12px;line-height:1.5em}
.study-info{margin-top:20px}
.create-img{margin:0 4px}
.create-img li{padding:0 4px}
.news-slick .text{width:100%}
.news-slick .img{width:100%;border-radius:0px}
.news-slick .img img{display:block;width:100%;border-radius:0px}
.news-slick .slick-dots{width:100%;left:0;margin-left:0}
.news-box .news-tab li{width:25%}
.news-list li{position:relative}
.news-list li .news-col{width:100%;position:absolute;left:0;bottom:10px;padding-left:0}
.news-list li .news-col span{display:inline-block}
.news-list li .news-info{padding:0}
.news-list li .news-col .date,.news-list li .news-col .tag{font-size:12px;line-height:1.1em}
.news-list li .news-col::before{display:none}
.more-btn,.news-list{margin-bottom:50px}
.video-slick .slick-prev{right:60px}
.related-videos{margin-bottom:40px}
.video-text .title{font-size:18px}
.video-text p{font-size:14px;margin-bottom:10px}
.video-box .video::after{background-size:100%;width:24px;height:35px;margin:0;transform:translate(-50%,-50%)}
.case-box{padding:0 2px}
.case-info strong{font-size:24px;line-height:34px;margin-bottom:40px}
.case-info h2{font-size:30px;line-height:40px}
.case-info .p2{font-size:14px!important;-webkit-text-size-adjust: none;}
.case-box .slick-box{height:220px;padding-top:66px}
.case-box .case-col h3{margin-bottom:198px}
.slick-show .slick-arrow{width:40px;height:40px;bottom:200px}
.case-box .case-col{padding-left:10px}
.case-box .slick-box p{font-size:16px;line-height:26px}
.slider-for .case-img,.slider-for .case-text{width:100%}
.slider-for .case-img img{display:block;width:100%;margin-top:20px}
.slider-for .case-text p{margin-bottom:24px}
.case-two{padding:50px 0}
.case-top,.contact-ban,.investor-ban,.pro-banner{padding:110px 0}
.ban-con p{font-size:14px}
.tact-left .con .top span{right:0}
.tact-left{padding:70px 20px}
.tact-area li{font-size:14px}
.contact-two{margin-top:50px}
.global-h3{height:40px;line-height:40px;border-radius:20px;font-size:20px;width:150px}
.global-two ul{margin-bottom:20px}
.global-two li p,.global-three li p{font-size:14px;line-height:45px}
.global-three li{width:50%}
.investor-content{margin-top:50px}
.regular-list li{width:48%;height:224px;padding:35px 15px 30px}
.regular-list li .date{margin-bottom:80px}
.info-list li .more{display:none}
.info-list li{padding:20px}
.investor-box{margin-bottom:50px}
.prev-box{margin-left:0}
.prev-box li{width:100%;margin-left:0;margin-top:10px}
.news-main,.pro-box{padding-bottom:50px}
.pro-one {padding: 12px 0;}
.product-anchor{position:absolute; top:-50px}
.pro-nav li{font-size:14px;padding:0 12px;position:relative;}
.pro-nav li:after{ border-right:1px solid #ccc; position:absolute; top:5px;right:0;content:"";height:50%;}
.pro-nav li:last-child:after{border:none}
.pro-list{margin-left:-10px}
.pro-list li{padding-left:10px}
.thumb-slick{height:auto}
.goods-item{margin-left:-2%}
.goods-item li{width:31.3%;margin-left:2%}
.slider-nav .slick-slider .pic{width:auto}
.pro-col{flex-direction:column}
.thumb-box{width:100%;flex-grow:1;padding:0}
.thumb-slick{padding:0 20px}
.thumb-slick .slick-prev{left:0}
.thumb-slick .slick-next{right:0;left:auto}
.thumb-slick .slick-arrow{top:50%;margin-left:0;width:20px;height:20px;position:absolute;background-color:transparent;transform:rotate(-90deg)}
.thumb-slick .slick-next:hover::before{background:url(../images/arr-two.png) no-repeat}
.thumb-slick .slick-prev:hover::before{background:url(../images/arr-one.png) no-repeat}
.thumb-slick .slick-arrow:hover{background-color:transparent}
.thumb-slick .s-img {margin: 8px 0}
.pro-big{padding-left:0;margin-left: 0;}
.pro-big .pic{height:422px}
.video-box .video{height:406px}
.create-one .pic img{height:auto}
.news-slick .content{margin:0;border:1px solid #ddd}
.about-two p{font-size:14px}
.about-three li{text-align:center}
.about-three li strong::before{top:auto;bottom:-4px}
.about-three li span{display:block}
.about-five li p{font-size:14px;line-height:2em}
.study-list li .text{padding:10px 5px}
.study-list li .text strong{font-size:12px;line-height:1.4em;margin-bottom:0}
.study-list li .text p{display:none}
.study-info strong{font-size:16px;line-height:1.4em}
.create-img li .img .text{font-size:14px}
.create-img li .img .text img{width:6px;height:auto;margin-left:5px}
.study-info .info p{padding-right:115px}
.study-info .info .study-logo{width:100px;height:auto}
.case-box .case-col{height:328px}
.case-box .case-col strong{height:245px}
}
@media screen and (max-width:480px){
.about-five li strong{font-size:20px;line-height:40px}
.about-five li strong::before{width:16px;height:16px;border-radius:8px 8px 8px 0;margin-right:10px}
.number-ul li strong{font-size:50px;line-height:60px}
.number-ul li p{font-size:16px;line-height:36px}
.about-five{padding:40px 0 20px}
.about-three .wrap{padding:60px 0 20px}
.about-three li{font-size:12px;margin-bottom:14px}
.about-three li strong{font-size:20px}
.about-three li strong::before{width:40px}
.about-four li{font-size:16px}
.history-main li:nth-child(2n) .img{margin-right:20px}
.history-main li .img{margin-left:20px;width:150px;height:100px}
.history-main li .txt p{font-size:14px;line-height:24px}
.news-tab li a,.patent-list li p,.patent-ul li span{font-size:14px}
.pagination li{margin:0 2px}
.create-img{margin:0}
.create-three{padding-bottom:20px}
.study-info .info .study-logo{right:0}
.news-list li .news-info .title{margin-bottom:10px}
.more-btn a{height:40px;line-height:40px}
.case-box .slick-box{margin-top:80px;padding-left:10px;padding-right:10px}
.case-box .case-col h3{margin-bottom:169px;font-size:18px}
.case-box .case-col span{font-size:12px}
.case-banner .cur{display:none}
.case-box .slick-box p{/*font-size:14px*/font-size:12px}
.slider-for .case-text .more{height:40px;line-height:40px}
.tact-left .con{padding:40px 10px}
.tact-left .con .top span{position:static}
.contact-area .tact-area{width:100%;padding-right:0}
.contact-area .tact-area.area1{padding-left:0; margin-top:0.8em}
.contact-area .tact-area.area1::after{display:none}
.contact-two h4{font-size:20px}
.contact-two .p1{font-size:12px}
.global-one .con{width:100%}
.regular-list li .title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal}
.regular-list li .date{margin-bottom:50px}
.investor-box h3{font-size:20px}
.prev-box li{padding:8px 10px}
.news-main .new-left h1{font-size:22px;line-height:1.5em}
.pro-list li{width:50%}
.more-a{height:40px;line-height:40px}
.pro-text h1{font-size:24px}
.main-content h3{font-size:20px;margin-bottom:20px}
.pro-text .txt{margin-bottom:20px}
.cp-td{padding-top:20px}
.goods-txt{margin:0 auto 44px}
.goods-table table td{font-size:14px}
.goods-item li{width:48%}
.goods-table{margin-bottom:50px}
.crumbs-box .crumbs{background:0 0;padding-left:0}
.crumbs-box .crumbs li a{margin-right:0}
.crumbs-box .crumbs li{margin-left:0}
.pro-big .pic{height:353px}
.video-slick .slick-list .video{height:240px}
.video-box .video{height:253px}
.slider-for .case-img{height:310px}
.case-box .case-col{height:300px;padding:24px 0 25px 10px}
.case-box .case-col strong{height:220px;font-size:20px}
}
@media screen and (max-width:360px){
.ban-con strong{font-size:30px}
.slider-navbox{width:100%}
.pro-nav li{padding:0 10px}
.pro-big .pic{height:301px}
.video-slick .slick-list .video{height:163px}
.global-h3{font-size:18px}
.global-two li p,.global-three li p{font-size:12px}
}
body.full,html.full{position:relative;height:100%;background-color:#f5f5f5;overflow:hidden}
.full-swiper{height:100%;width:100%}
.full-swiper .swiper-slide{display:flex;justify-content:center;align-items:center}
.full-swiper .swiper-pagination .swiper-pagination-bullet-active{height:50px;border-radius:4px;background-color:#fff}
.full-swiper .swiper-pagination .swiper-pagination-bullet{border-radius:4px;background-color:#fff;opacity:1;margin:13px 0 !important;transition:0.3s;-ms-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;-o-transition:0.3s}
.full-swiper.white .swiper-pagination .swiper-pagination-bullet{background-color:#000}
.banner{width:100%}
.banner .img img{display:block;width:100%;height:100vh;object-fit:cover}
.banner .slick-dots{position:absolute;left:50%;width:180px;margin-left:-90px;bottom:0;background-color:rgba(0,0,0,0.2);display:-webkit-flex;display:flex;align-items:center;justify-content:space-around;height:90px;border-left:1px solid rgba(255,255,255,0.2);border-right:1px solid rgba(255,255,255,0.2)}
.banner .slick-dots li{margin:0;padding:0}
.banner .slick-dots li button{width:8px;height:8px;border-radius:50%;background-color:#ddd}
.banner .slick-dots li.slick-active button{background-color:#00a0d2}
.banner .slick-arrow{left:50%;width:90px;height:90px;background-color:rgba(0,0,0,0.2);background-repeat:no-repeat;background-position:center;top:auto;bottom:0;-webkit-background-size:10px;-moz-background-size:10px;-o-background-size:10px;background-size:10px}
.banner .slick-prev{background-image:url(../images/ban-jt1.png);margin-left:-180px}
.banner .slick-prev:hover{background-image:url(../images/ban-jt11.png)}
.banner .slick-next{background-image:url(../images/ban-jt2.png);margin-left:90px;right:auto}
.banner .slick-next:hover{background-image:url(../images/ban-jt22.png)}
.index-part1{background:#fff url(../images/index-bg1.jpg) center no-repeat;width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.index-part1,.index-part3,.index-part4{padding-top:90px}
.index-part2,.index-part3,.index-part4{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.index-number{display:flex;align-items:center;justify-content:space-around;padding:105px 0 92px;background:url(../images/index-bg2.png) center top no-repeat;background-position:center bottom; background-size: 100% 100%; margin: 40px -23px 60px -23px;border-radius:10px}
.index-number li{text-align:center}
.index-number li em{font-size:60px;color:#09c18e;line-height:70px;font-weight:700}
.index-number li p{font-size:18px;color:#333;line-height:28px}
.data-font i {position: relative;vertical-align: bottom;bottom: 5px;font-weight: bold;color: #09c18e;font-size: 16px;font-style: normal;}
.index-list1{display:flex;align-items:center;justify-content:space-between;margin:0 -30px}
.index-list1 li{width:33.33%}
.index-list1 .item{margin:0 30px;text-align:center}
.index-list1 .item a{display: block;}
.index-list1 .item .img{border-radius:10px;overflow:hidden;position:relative;padding-top:66.66%;overflow:hidden}
.index-list1 .item .img img{display:block;width:100%;position:absolute;left:0;top:0;width:100%;height:100%}
.index-list1 .item p{font-size:18px;color:#333;line-height:28px;margin-top:15px}
.index-part2{background:url(../images/index-bg3.jpg) center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.index-part3{background-color:#fff}
.part3-content{overflow:hidden;margin:58px 0}
.part3-content .left{float:left;width:440px;margin-right:30px;border-radius:8px;background-color:#f7f7f7}
.part3-content .left .img{display:block;overflow:hidden;border-radius:8px 8px 0 0;position:relative;padding-top:66.6%;overflow:hidden}
.part3-content .left .img:hover img{transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)}
.part3-content .left .img img{display:block;position:absolute;left:0;top:0;width:100%;height:100%}
.part3-content .left .txt{padding:35px 30px}
.part3-content .left .txt .tit{font-size:18px;color:#333;font-weight:700;line-height:28px;margin-bottom:12px;overflow: hidden;/*display:block;*/display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.part3-content .left .txt .tit:hover{color:#00a0d2}
.part3-content .left .txt p{font-size:14px;color:#666;line-height:24px}
.part3-content .right{overflow:hidden}
.index-list2 li{padding:0 30px;background-color:#f7f7f7;border-radius:8px;margin-bottom:19px}
.index-list2 li span{float:right;font-size:14px;color:#999;line-height:75px;margin-left:20px}
.index-list2 li a{font-size:16px;color:#333;line-height:75px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:28px;position:relative}
.index-list2 li a::before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;border-radius:8px;background-color:#ccc;margin-top:-4px}
.index-list2 li a:hover{color:#00a0d2}
.index-list2 li a:hover::before{background-color:#00a0d2}
.index-btn1{display:block;margin:0 auto;width:160px;line-height:48px;border:1px solid #333;font-size:16px;color:#333;text-align:center;border-radius:10px;background-color: rgba(237,236,232,0.9);}
.index-btn1:hover{color:#fff;background-color:#00a0d2;border-color:#00a0d2}
.index-btn1:hover span{background:url(../images/i-jt2.png) center right no-repeat}
.index-btn1 span{padding-right:18px;display:inline-block;background:url(../images/i-jt1.png) center right no-repeat}
.index-btn1.another{border-color:#fff;float:right;background-color: rgba(32,166,212,0.1);}
.index-btn1.another span{color:#fff;background-image:url(../images/i-jt2.png)}
.index-btn1.another:hover{background-color:#fff;border-color:#fff}
.index-btn1.another:hover span{color:#00a0d2;background-image:url(../images/i-jt3.png)}
.index-btn1.other{margin:0}
.index-btn1.other:hover{background-color:#09c18e;border-color:#09c18e}
.index-part4{background-color:#fff}
.index-part4 .index-btn1{background-color:#00a0d2;border-color:#00a0d2;color:#fff}
.index-part4 .index-btn1 span{padding-right:18px;display:inline-block;background:url(../images/i-jt2.png) center right no-repeat}
.index-part4 .index-btn1:hover{background-color:#fff;color:#333;border-color:#333}
.index-part4 .index-btn1:hover span{background:url(../images/i-jt1.png) center right no-repeat}
.index-video{margin:58px 0;display:flex;align-items:stretch;justify-content:space-between}
.index-video .left{flex-shrink:0;width:362px;display:flex;justify-content:space-between;flex-direction:column;margin-right:30px}
.index-video .left .tit p{font-size:24px;color:#333;line-height:34px;margin-bottom:10px}
.index-video .left .tit span{font-size:16px;color:#666;line-height:26px;margin-bottom:20px;display:block}
.index-video .left .tit a{font-size:12px;color:#999;line-height:22px;display:inline-block}
.index-video .left .tit a:hover{color:#00a0d2}
.index-video .left ul{overflow:hidden;margin-bottom:-20px}
.index-video .left ul li{float:left;width:50%}
.index-video .left ul li .img{margin:0 10px 20px;position:relative;border-radius:10px;position:relative;padding-top:56%;overflow:hidden}
.index-video .left ul li .img img{display:block;width:100%;border-radius:10px;position:absolute;left:0;top:0;width:100%;height:100%}
.index-video .left ul li .img i{position:absolute;left:50%;top:50%;width:54px;height:64px;margin-left:-27px;margin-top:-32px;background-repeat:no-repeat;background-position:center;background-image:url(../images/i-play2.png);background-size: cover;cursor:pointer}
.index-video .left ul li .img i.pause{background-image:url(../images/i-stop.png)}
.index-video .right{flex-grow:1}
.index-video .right .video{display:block;width:100%;overflow:hidden;border-radius:10px;position:relative;position:relative;padding-top:56.2%;overflow:hidden}
.index-video .right .video video{width:100%;display:block;position:absolute;left:0;top:0;width:100%;height:100%}
.index-video .right .video .bg{background-color:rgba(0,0,0,0.3);background-repeat:no-repeat;background-position:center;background-image:url(../images/i-play.png);position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer;}
.index-part2 .wp{display:flex;align-items:center;justify-content:space-between}
.index-tit1.other{text-align:left}
.index-tit1.other::after{background-color:#09c18e;left:0;margin-left:0}
.index-tit1.white{text-align:right}
.index-tit1.white h3{color:#fff}
.index-tit1.white p{color:#fff;opacity:1}
.index-tit1.white::after{background-color:#fff;right:0;margin-left:0;left:auto}
.index-icons{display:flex;align-items:center;margin:58px 0 50px}
.index-icons li{margin-right:25px}
.index-icons li img{display:block;margin:0 auto}
.index-icons li p{text-align:center;font-size:16px;color:#333;line-height:26px;margin-top:15px}
.index-icons.other{justify-content:flex-end}
.index-icons.other li{margin-right:0;margin-left:30px}
.index-icons.other li p{color:#fff}
@media (max-width:1440px){
.index-number{padding:30px 0;margin-top:30px}
.index-number li em{font-size:40px;line-height:50px}
.index-part1,.index-part3,.index-part4{padding-top:90px}
.part3-content{margin:30px 0 0}
.part3-content .left{width:340px}
.part3-content .left .txt{padding:20px}
.part3-content .left .txt .tit{font-size:16px;line-height:26px}
.part3-content .left .txt p{font-size:12px;line-height:20px}
.index-list2 li a,.index-list2 li span{line-height:60px}
.index-list2 li{margin-bottom:12px}
.index-btn1{font-size:14px;line-height:36px}
.index-tit1 h3{font-size:32px}
.index-tit1 p{font-size:14px}
/*.index-video .left{width:390px}*/
.index-video{margin:30px 0 35px}
.footer .box{padding-top:20px}
.fd-link dl dt{margin-bottom:15px}
.fd-link dl dd a{margin-bottom:12px}
.footer{padding:90px 0 10px}
.fd-contact .ewm{margin-top:20px;width:100px}
.fd-contact h3{margin-bottom:15px}
.about-two::before{width:470px}
.about-two .wrap{padding:50px 0 24px 410px}
.full-swiper .wp{max-width:1000px}
.footer .wp{max-width:1200px}
.index-tit1{padding-bottom:12px}
}
.fancybox-button--zoom,.fancybox-button--play,.fancybox-button--thumbs{display:none !important}


/*xcg*/
.qrcode{color:#666; text-align:center}
.qrcode .img{width:220px; display:block; padding:50px 20px 40px 20px}
.thumb-slick .slick-arrow{ z-index:1}
.product-nav-pc, .product-nav-mo{ display:none}
.about-five li p,
.create-one .text p,
.about-two .wrap{ z-index:1;}

#back-top{position:fixed;width:40px;height:40px;bottom:10px;right:10px;background:#ccc;text-align:center;line-height:40px;text-decoration:none; display:none; background:url(../images/top.png) center no-repeat;opacity:0.5;border-radius: 10px;z-index:999999;}

.pro-nav-mo{display:none;justify-content:center}
.pro-nav-mo .box{position:relative;z-index:1;float:left;display:block;margin-right:20px;border:1px solid #ddd;border-radius:10px;cursor:pointer}
.pro-nav-mo .inp{display:block;overflow:hidden;padding-right:40px;padding-left:20px;width:100%;height:48px;border-radius:10px;background:url(/cn/static/images/c_next.png) 94% 50% no-repeat #fff;background-size:10px;color:#333;font-size:14px;cursor:pointer}
.pro-nav-mo .btn{float:left;display:block;width:94px;height:50px;border-radius:10px;background:#09c18e;text-align:center;font-size:0;line-height:50px;transition:.4s}
.pro-nav-mo .btn i,.pro-nav-mo .btn span{display:inline-block;vertical-align:middle}
.pro-nav-mo .btn i{margin-right:8px;width:14px;height:14px;background:url(/cn/static/images/c_p8.png) center no-repeat;background-size:100%}
.pro-nav-mo .btn span{color:#fff;font-size:15px}